<body>
<h1 style="color:red;font-size:40px;">Heading</h1>
<p style="color:blue;font-size:18px;">This is demo text</p>
</body>
<span style="font-size:20px;"></span>
<!-- relative font size -->
<font size="+2">This is bigger text.</font>
<font size="-1">This is smaller text.</font>
<!-- absolute font size -->
<font size="1">This is really tiny text.</font>
font-size:20px;
"default size is : +-16px;"
font-size: 25px;
<font size="+2">This is bigger text.</font>
- The default is 16px.
- If you create an HTML file with any text in it, open it in Chrome, you can check the computed styles.
- I would be interested to see someone test this on mobile versions.
- Edit:-
As of 2017-03-20, the stable versions of Chrome, Firefox, Edge, and IE on the desktop as well as Chrome, Firefox, and Opera on mobile all default to the de facto standard of 16px for font-size.