CSS @font-face 속성을 사용하는 방법

css @font-face attribute

"myFirstFont"라는 글꼴을 지정하고 Where에 지정합니다. URL을 찾을 수 있나요

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

css @font-face 속성 속성 정의 및 사용 지침

@font-face 규칙, 웹 디자인 디자이너 더 이상 "웹 안전" 글꼴 중 하나를 사용할 필요가 없습니다.

글꼴 이름, 글꼴 - 얼굴 규칙

font-family: myFirstFont

글꼴 파일은 서버 어딘가에 포함되어 있습니다. 참고 CSS

src: url('Sansation_Light.ttf')

글꼴 파일이 다른 위치에 있는 경우 전체 URL을 사용하세요

src : url('http://www.w3cschool.css/css3/Sansation_Light.ttf')

이제 글꼴을 사용할 준비가 되었습니다. 다음은 모든 div에서 글꼴을 사용하는 방법의 예입니다. elements#🎜 🎜#

div
{
font-family: myFirstFont;
}

Grammar

@font-face
{
font-properties
}

다음 예는 div에 사용되는 글꼴입니다.

div
{
font-family: myFirstFont;
}

문법# 🎜🎜#

@font-face
{
font-properties
}

위 내용은 CSS @font-face 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!