How to change font size in HTML?

JavascriptWeb DevelopmentFront End Scripts

To change the font size in HTML, use the style attribute. The style attribute specifies an inline style for an element.  The attribute is used with the HTML <p> tag, with the CSS property font-size. HTML5 do not support the <font> tag, so the CSS style is used to add font size.

Just keep in mind, the usage of style attribute overrides any style set globally. It will override any style set in the HTML <style> tag or external style sheet.

Example

You can try to run the following code to change the font size in an HTML page,

Live Demo

<!DOCTYPE html>
   <html>    
      <head>      
         <title>HTMLFont size</title>    
      </head>    
      <body>      
         <h1 style="color:red;font-size:40px;">Heading</h1>      
         <p style="color:blue;font-size:18px;">This is demo text</p>    
      </body>
</html>
raja
Published on 24-Apr-2018 11:36:19
Advertisements