비디오: 날로먹는 HTML & XHTML 동영상 강의 12 html과 css 공부에 도움이 되는 웹사이트 2024
글꼴이 HTML5 및 CSS3 웹 페이지에 올바르게 표시되는지 여부를 파악하는 것은 불편하지만 좌절 할 수는 있습니다. 원하는 경우 전체 글꼴 이름 목록을 지정할 수 있습니다. 브라우저는 차례로 각 글꼴을 시도합니다. 지정한 글꼴을 찾을 수 없으면 다음 글꼴로 이동하고 줄을 따라갑니다.
모든 Windows 컴퓨터에 설치된 글꼴, Mac에서 발견 된 글꼴 및 모든 Linux 컴퓨터에서 발견 된 글꼴을 선택할 수 있습니다. 목록의 마지막 글꼴은 일반 글꼴 중 하나 여야하므로 최악의 시나리오를 일부 제어 할 수 있습니다.
이 글꼴은 일반적으로 Windows, Mac 및 Linux 컴퓨터에 설치됩니다.
Windows | Mac | Linux |
---|---|---|
Arial | Arial | Nimbus Sans L |
Arial Black | Arial Black | |
코믹 샌즈 MS | 코믹 샌즈 MS > TSCu_Comic | Courier New |
Courier New | Nimbus Mono L | 조지아 |
조지아 | Nimbus 로마 제 9 호 | Lucida Console |
모나코 | 팔라티노 | |
팔라티노 FreeSerif | Verdana | FreeSerif |
FreeServices | FreeSerif | Verdana |
Kalimati |
|
이 차트를 사용하여 시도 할 글꼴 목록을 얻을 수 있습니다. 예를 들어, 다음 스타일을 살펴보십시오: |
p {font-family: "Trebuchet MS", Helvetica, FreeSans, sans-serif;} | 이 스타일은 전체 옵션을 제공합니다. 먼저 브라우저는 Trebuchet MS를로드하려고 시도합니다. Windows 컴퓨터 인 경우이 글꼴을 사용할 수 있으므로 해당 글꼴이 표시됩니다. 그래도 작동하지 않으면 브라우저는 Helvetica를 시도합니다. 그래도 작동하지 않는다면 Linux 컴퓨터에 자주 설치되는 글꼴 인 FreeSans를 시도합니다. 이 방법이 작동하지 않으면 단순히 sans serif 글꼴을 선택하는 오래된 충실한 산 셰리프가 기본값으로 사용됩니다. |
|
한 단어 이상의 글꼴 이름은 따옴표로 묶어야하며 쉼표는 글꼴 이름 목록을 구분합니다. | 리눅스 글꼴에 대해 너무 압도하지 마십시오. 동등성을 찾기가 더 어렵다는 것은 사실이지만 리눅스 사용자는 두 가지 진영에 속하는 경향이 있습니다. 글꼴이 정확한지 신경 쓰지 않거나 신경 쓰지 않고 공통 이름을 인식 할 수있는 글꼴을 설치했습니다. 두 경우 모두 Mac 및 Windows 사용자에게 집중할 수 있습니다. |