CSS - Font

About

This page is about font in CSS and html.

From a web perspective, a font is considered to be a media resource and can be included in any page from any origin.

Example: Google Font Api

<head>
   <link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
   <style>
   body {
      font-family: 'Sofia';font-size: 22px;
   }
</style>
</head>

the font-size is set on the body to be able to set relative sizing

Stack / Family

A font stack is a list of fonts in order of preference. If the first font could not be loaded, the second one will take over.

['Helvetica', 'sans-serif']

Properties

CSS - font-size property
The font weight in CSS
font-kerning to adjus the kerning

Support

Font HTML element

The HTML font element has been deprecated in HTML 4.0.

Documentation / Reference

CSS font module