CSS 폴백 글꼴
일반적으로 사용되는 대체 글꼴
100% 완전히 웹에 안전한 글꼴은 없습니다. 글꼴을 찾을 수 없거나 제대로 설치되지 않았을 가능성은 항상 있습니다. 따라서 항상 대체 글꼴을 사용하는 것이 매우 중요합니다.
이는 font-family 속성에 유사한 "백업 글꼴" 목록을 추가해야 함을 의미합니다. 첫 번째 글꼴이 작동하지 않으면 브라우저는 다음 글꼴을 시도하고 다음 글꼴을 시도하는 식으로 계속됩니다. 항상 일반 글꼴 패밀리 이름으로 목록을 끝내십시오.
다음은 5가지 일반 글꼴 모음으로 구성된 몇 가지 일반적으로 사용되는 대체 글꼴입니다.
- 가는 장식 선
- 산세 리프
- 모노스페이스
- 필기체
- 공상
세리프체
font-family | Example text | Code |
---|---|---|
"Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
Georgia, serif | This is a HeadingThis is a paragraph. |
|
Garamond, serif | This is a HeadingThis is a paragraph. |
산세리프체
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
고정 폭 글꼴
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
필기체 글꼴
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
판타지 글꼴
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
팁: 사용 가능한 모든 Google 글꼴 과 사용 방법도 확인하세요.