W3.CSS Fonts:

In W3.CSS,

default font-size is: 15px
default font is: Verdana
default line-spacing is: 1.5

W3.CSS stylizes fonts in a tall, thin character design which looks great as in a contemporary fashion.

In W3.CSS, default design of headings are as under:

<h1> India </h1>
<h2> India </h2>
<h3> India </h3>
<h4> India </h4>
<h5> India </h5>
<h6> India </h6>

Here, we can see the tall and relatively thin design of Verdana font. It is different from the regular HTML headings.
Output:

In W3.CSS, font sizes are controlled by w3-size class. The size parameters are :

w3-tiny
w3-small
w3-medium
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo

A sample of w3-size class is given here:

<p class="w3-tiny">India is a great country.</p>
<p class="w3-small">India is a great country.</p>
<p class="w3-medium">India is a great country.</p>
<p class="w3-large">India is a great country.</p>

The classes w3-xlarge, w3-xxlarge, w3-xxxlarge and w3-jumbo are used to create extra large fonts.
Output:

Besides all the classes W3.CSS lets the programmer use customized CSS code to override the existing classes.

For ex: By default, <h1> has a size of 36px. But using the customized CSS code- h1{font-size:64px;} can extend the size of <h1> to 64px.

While overriding W3.CSS classes, it must be kept in mind that- The overriding CSS code must be written after the line:

<link rel=“stylesheet” href=“w3.css”>

This is because, HTML codes are interpreted line by line. When the last style is actual CSS, it overrides the classes written in w3.css.