웹 페이지에서 신뢰할 수있는 HTML 글꼴 사용
웹 사이트 의 스타일 을 전달하지만 웹 사이트 의 대다수에서 신뢰할 수있는 좋은 글꼴 스택을 찾는 일은 까다로울 수 있습니다. 웹 안전하지 않은 글꼴을 사용하는 경우 브라우저가 멋진 글꼴로 인해 놀라운 것을 대신 할 때 웹 사이트가 의도하지 않은 것처럼 보일 수 있습니다.
이 글꼴 스택은 패밀리 (serif, monospace 등)로 구분됩니다. 웹 안전 글꼴이 아닌 글꼴을 사용하는 경우 먼저 글꼴 스택에 글꼴을 넣은 다음이 스택 중 하나를 끝에 추가해야합니다.
가장 가까운 스타일의 글꼴 스택을 선택하고 원하는 글꼴을 찾습니다.
Sans Serif Web Safe 글꼴 스택
산세 리프 텍스트는 스크린에 흐릿 해지는 세리프가 없으므로 웹 페이지에서 읽을 때 유용합니다.
font-family : Arial, Helvetica, sans-serif;
font-family : 'Arial Black', Gadget, sans-serif;
font-family : Impact, Charcoal, sans-serif;
글꼴 - 가족 : 'MS Sans Serif', 제네바, sans-serif;
font-family : Tahoma, Geneva, sans-serif;
font-family : 'Trebuchet MS', Helvetica, sans-serif;
font-family : Verdana, Geneva, sans-serif;
세리프 웹 세이프 폰트 스택
Serif 글꼴은 헤드 라인에 효과적입니다. 더 큰 유형의 헤드 라인은 세리프가 모니터에서 흐려지지 않는다는 것을 의미합니다.
font-family : '책 Antiqua', 'Palatino Linotype', Palatino, serif;
font-family : Bookman, serif;
font-family : Georgia, serif;
font-family : 'MS Serif', 'New York', serif;
font-family : 'Times New Roman', Times, serif;
모노 스페이스 폰트 스택
모노 스페이스 글꼴은 일반적으로 모든 문자가 동일한 너비 인 글꼴 (예 : 타자기 글꼴)에서 가장 잘 보이는 코드 및 기타 형식을 렌더링하는 데 사용됩니다.
font-family : Courier, monospace;
font-family : 'Courier New', Courier, monospace;
font-family : 'Lucida Console', 모나코, 모노 스페이스;
모노 스페이스 글꼴 스택 예제를 봅니다.
필기체 글꼴 스택
필기체 글꼴은 읽기가 어려울 수 있으며 대부분의 시스템 (Comic Sans)에서 가장 일반적으로 발견되는 글꼴은 그만큼 많은 사람들이 싫어합니다.
font-family : 'Comic Sans MS', 필기체;
판타지 폰트 스택
초서체 글꼴과 마찬가지로 판타지 글꼴은 읽기 어려울 수 있으며 대부분의 시스템에서 공통성이 적습니다. 실제로, 내가 산세 리프 카테고리에서 사용했던 글꼴 스택과 동일한 글꼴 스택을 사용하고 있다는 것을 알 수 있습니다. 그 이유는 영향과 숯이 너무 독특해서 일부 사람들은 환상 글꼴이라고 생각하기 때문입니다.
font-family : 영향, 목탄, 판타지;
Dingbats, Wingdings 또는 Symbol 글꼴 스택
찌꺼기 또는 wingdings는 문자 대신 작은 아이콘이나 그림을 표시하는 기호 글꼴입니다. 이러한 글꼴에는 일반 글꼴 유형이 없으므로 일부 컴퓨터는 예상보다 다른 글꼴을 표시 할 수 있습니다. 또한 Internet Explorer 만 기호를 표시합니다. Firefox 및 다른 브라우저는 브라우저의 기본 글꼴로 텍스트를 표시합니다.
font-family : 기호;
font-family : Webdings;
font-family : Wingdings, 'Zapf Dingbats';