CSS 웹 안전 글꼴 조합에 대한 자세한 설명-CSS 튜토리얼-php.cn

CSS 웹 안전 글꼴 조합에 대한 자세한 설명

高洛峰

풀어 주다： 2017-03-09 17:00:32

원래의

2025명이 탐색했습니다.

다음 편집기는 CSS 웹 안전 글꼴 조합에 대한 자세한 설명을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 에디터를 따라가며 살펴보겠습니다.

자주 사용하는 글꼴 조합

font-family 속성은 다음과 같이 여러 글꼴의 이름입니다. 브라우저/운영 체제 간의 최대 호환성을 보장하는 "스트레인" 시스템. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다.

브라우저가 원하는 글꼴 유형을 찾을 수 없는 경우 일반적인 글꼴 유형 중에서 사용자와 유사한 글꼴 유형을 찾습니다.

p{font-family:"Times New Roman", Times, serif}

로그인 후 복사

다음은 일반적으로 사용되는 글꼴 유형입니다. 글꼴 조합, 범용 글꼴 모음.

세리프 글꼴

글꼴

텍스트 예 일>

조지아, 세리프

이것은 제목입니다

字体	文本示例
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

이것은 단락입니다

"Palatino Linotype", "Book Antiqua", Palatino, serif

이것은 제목입니다
이것은 단락입니다

"Times New Roman", Times, serif

제목입니다

문단입니다

字体	文本示例
Arial, Helvetica, sans-serif	This is a heading This is a paragraph
Arial Black, Gadget, sans-serif	This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif	This is a heading This is a paragraph
Impact, Charcoal, sans-serif	This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif	This is a heading This is a paragraph
Tahoma, Geneva, sans-serif	This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif	This is a heading This is a paragraph
Verdana, Geneva, sans-serif	This is a heading This is a paragraph