W3.CSS
W3.CSS Colors
Web Building
Examples
References
- W3.CSS Reference
- W3.CSS Downloads

W3.CSS Google Fonts

With W3.CSS it is extremely easy to add new fonts.

Using Google Fonts

Google Fonts are free to use, and have more than 1000 fonts to choose from.

In the head of your web page, link to a Google font:

Then add the CSS about where to use it:

body,h1,h2,h3,h4,h5,h6 {font-family: Roboto, sans-serif;}

Another Example

body,h1,h2,h3,h4,h5,h6 {font-family: Sofia, serif;}

Create a Font Class

In the head of your web page, link to a Google font:

Then create a font class:

Example

.w3-sofia {
font-family: Sofia, cursive;
}

In your web page, use the font class:

Example

<p class="w3-sofia">Making the Web!</p>

Making the Web!

Example

.w3-tangerine {
font-family: 'Tangerine', serif;
}

<p class="w3-tangerine">Making the Web Beautiful!</p>

Making the Web!

Example

Making the Web!

Example

Making the Web!

Example

Making the Web!

Contact US

Email:

Content:

W3.CSS

W3.CSS Colors

Web Building

Examples

References

W3.CSS

W3.CSS Colors

Web Building

Examples

References

W3.CSS Google Fonts

Using Google Fonts

Another Example

Create a Font Class

Example

Example

Example

Example

Example

Example

Categories

Contact US