CSS에서 다운로드할 글꼴의 위치를 ​​정의하는 방법

@font-face 규칙은 다운로드할 글꼴의 위치를 ​​정의하는 데 사용되지만 구현에 따른 제한이 있을 수 있습니다.

예시

예를 살펴보겠습니다.

<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>