Usage of CSS @font-face rule

The @font-face rule is used to exhaustively describe a font face for use in a document. @font-face may also be used to define the location of a font for download, although this may run into implementation-specific limits.

Example

<style>
   <!--
      @font-face {
         font-family: "Scarborough Light";
         src: url("http://www.font.site/s/scarbo-lt");
      }

      @font-face {
         font-family: Santiago;
         src: local ("Santiago"),
         url("http://www.font.site/s/santiago.tt")
         format("truetype");
         unicode-range: U+??,U+100-220;
         font-size: all;
         font-family: sans-serif;
      }
   -->
</style>

Lakshmi Srinivas

Published on 30-Apr-2018 06:57:12

• Related Questions & Answers
• Usage of CSS !important rule
• Usage of CSS @import: rule
• Usage of CSS @charset rule
• Usage of @import Rule for CSS
• Change the font face with CSS
• Usage of font property in CSS
• Usage of font-weight property in CSS
• Usage of font-variant property in CSS
• Usage of font-style property in CSS
• Usage of font-size property in CSS
• Usage of font-family property in CSS
• Describe a font face for use in a document in CSS
• How to change font face of Webview in Android?
• CSS @media rule
• CSS @page rule