CSS에서 외부 ttf 글꼴을 참조하는 방법은 무엇입니까?

CSS에서 외부 글꼴을 참조하는 방법은 무엇입니까?

CSS에서 글꼴-얼굴 속성을 사용하여 외부 글꼴을 참조할 수 있습니다. 글꼴-얼굴 속성은 .ttf 글꼴과 같은 외부 특수 글꼴 호출을 구현할 수 있습니다.

새 글꼴 규칙에서는 먼저 글꼴 이름(예: myFirstFont)을 정의한 다음 글꼴 파일을 가리켜야 합니다.

HTML 요소에 글꼴을 사용하려면 글꼴 계열 속성을 통해 글꼴 이름(myFirstFont)을 참조하세요.

font-face 속성은 ttf 글꼴을 참조합니다. 예:

예 1:

<style> 
@font-face
{
font-family: myFirstFont;
src: url(&#39;aa.ttf&#39;),
     url(&#39;aa.eot&#39;); /* IE9+,可以是具体的实际链接 */
}
div
{
font-family:myFirstFont;
}
</style>

예 1 :

@font-face
{
font-family: myFirstFont;
src: url('aa.ttf'),
     url('aa.eot'); /* IE9+ */
font-weight:bold;
}

브라우저에 대한 글꼴-얼굴 속성 지원:

Firefox, Chrome, Safari 및 Opera는 .ttf(트루타입 글꼴) 및 .otf(오픈타입 글꼴) 유형 글꼴을 지원합니다.

Internet Explorer 9+는 새로운 글꼴 규칙을 지원하지만 .eot 유형 글꼴(Embedded OpenType)만 지원합니다.

위 내용은 CSS에서 외부 ttf 글꼴을 참조하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!