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.

You can also define directly in html font properties with the font element

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

Documentation / Reference


Powered by ComboStrap