>  기사  >  웹 프론트엔드  >  CSS 웹 안전 글꼴 조합에 대한 자세한 설명

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

高洛峰
高洛峰원래의
2017-03-09 17:00:322042검색

다음 편집기는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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