>웹 프론트엔드 >CSS 튜토리얼 >글꼴 모음 속성을 사용하는 방법

글꼴 모음 속성을 사용하는 방법

不言
不言원래의
2019-02-13 17:44:0325466검색

font-family 속성은 요소의 글꼴 모음을 설정하는 데 사용됩니다. 사용 방법: 먼저 HTML 샘플 파일을 만든 다음 본문의 p 태그를 통해 파일을 만들고 마지막으로 " 글꼴 모음:楷体;" 그게 다입니다.

글꼴 모음 속성을 사용하는 방법

이 문서의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS의 글꼴 패밀리 속성은 요소의 글꼴 패밀리를 설정하는 데 사용됩니다. 웹 페이지에 표시되는 글꼴을 지정하려면 글꼴 패밀리 속성을 자세히 살펴보겠습니다. 글꼴 계열 속성을 사용합니다.

font-family는 여러 글꼴 이름을 "대체" 시스템으로 저장할 수 있습니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다. 즉, 글꼴 패밀리 속성의 값은 요소에 사용할 글꼴 패밀리 이름 및/또는 패밀리 이름의 우선 순위 목록입니다. 브라우저는 인식한 첫 번째 값을 사용합니다.

구체적인 예를 살펴보겠습니다

코드는 다음과 같습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷体; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字体设置</p>
  </body>
</html>

효과는 다음과 같습니다. 글꼴이 이탤릭체 형태로 되어 있는 것을 알 수 있습니다

글꼴 모음 속성을 사용하는 방법

주의해야 할 점 글꼴을 설정할 때 글꼴 형식은 Windows 글꼴 라이브러리에 있어야 하며 그렇지 않으면 적용되지 않습니다.

이 기사는 여기서 끝납니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트에서 다른 관련 칼럼 튜토리얼을 살펴보세요! ! !

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

더보기