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

다음 편집기는 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

sans - serif 글꼴

글꼴

텍스트 예

Arial, Helvetica, sans-serif

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

字体	文本示例
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph

td>

Arial Black, Gadget, sans-serif

이것은 제목입니다

이것은 단락입니다

"Comic Sans MS", 필기체, 산세리프체

제목입니다문단입니다

Impact, Charcoal, sans-serif

제목입니다문단입니다

"Lucida Sans Unicode", " Lucida Grande", sans-serif

제목입니다
문단입니다

Tahoma, Geneva, sans-serif

제목입니다문단입니다

"Trebuchet MS", Helvetica, sans-serif

제목입니다문단입니다

Verdana, Geneva, sans-serif

제목입니다 단락입니다

Monospace 글꼴

글꼴	텍스트 예
"Courier New", Courier, 고정폭	제목입니다문단입니다
"Lucida Console", Monaco, monospace	이것은 제목입니다문단입니다

위의 CSS 웹 안전 글꼴 조합에 대한 자세한 설명 이것은 편집자가 귀하와 공유한 모든 내용입니다. 참고가 되기를 바라며 PHP 중국어 웹사이트를 지원해 주시길 바랍니다.

위 내용은 CSS 웹 안전 글꼴 조합에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!