CSS 폰트
- 이전 페이지 CSS 텍스트 그림자
- 다음 페이지 CSS 폰트 스타일
귀사의 웹사이트에 정확한字体를 선택하는 것은 중요합니다！
字体选择很重要
정확한字体 선택은 웹사이트의 사용자 경험에 큰 영향을 미칩니다。
정확한字体는 귀사의 브랜드에 강력한 이미지를 만들 수 있습니다。
易于阅读的字体 사용은 중요합니다.字体는 텍스트에 가치를 더합니다.字体의 정확한 색상과 텍스트 크기 선택도 중요합니다。
通用字体族
CSS에서는 다섯 가지 공통字体族群이 있습니다：
- 衬线字体（Serif）- 각 글자의边缘에 작은 턱이 있습니다. 이는 형식감과 우아함을营造出합니다。
- 无衬线字体（Sans-serif）-字体线条简洁（没有小笔画）。它们营造出现代而简约的外观。
- 等宽字体（Monospace）- 여기서 모든 글자가 같은 고정된 너비를 가집니다. 이는 기계적인 외관을 만듭니다。
- 草书字体（Cursive）- 模仿了人类的笔迹。
- 幻想字体（Fantasy）- 是装饰性/俏皮的字体。
所有不同的字体名称都属于这五个通用字体系列之一。
Serif와 Sans-serif字体之间的区别
提示：计算机屏幕上，无衬线字体被认为比衬线字体更易于阅读。
一些字体的例子
| 通用字体族 | 字体名称实例 |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
CSS font-family 속성
CSS에서는 font-family 속성을 사용하여 텍스트의字体를 정의합니다.
font-family 속성은 여러字体 이름을 '후속' 시스템으로 포함해야 합니다. 이는 브라우저/운영 체제 간의 최대 호환성을 보장합니다. 필요한字体부터 시작하여 일반 시리즈로 끝나도록 하십시오(다른字体가 없으면 브라우저가 일반 시리즈에서 유사한字体를 선택합니다).字体 이름은 콤마로 구분합니다.
주의사항：폰트 이름이 한 단어가 아닌 경우, 따옴표로 묶어야 합니다. 예를 들어: "Times New Roman".
예제
세 개의 패러그램에 대해 다른 글꼴을 지정합니다：
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
- 이전 페이지 CSS 텍스트 그림자
- 다음 페이지 CSS 폰트 스타일
