Cách sử dụng quy tắc CSS @ font-face

Quy tắc @ font-face được sử dụng để mô tả đầy đủ mặt phông chữ để sử dụng trong tài liệu. @ font-face cũng có thể được sử dụng để xác định vị trí của phông chữ để tải xuống, mặc dù điều này có thể gặp phải các giới hạn dành riêng cho việc triển khai.

Ví dụ

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

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