websafe fonts , 폰트 정보

#web #safe #font

OS별 기본 지원 폰트가 다름. 언어별 기본 지원 폰트가 다름. 

그래서 CSS는 font-family 설정 시 뒤에 유사 폰트를 여러개 적을 수 있게 되어있음

Web safe font

• Serif
• Georgia, serif
• “Palatino Linotype”, “Book Antiqua”, Palatino, serif

• “Times New Roman”, Times, serif

• Sans-Serif
• Arial, Helvetica, sans-serif
• “Arial Black”, Gadget, sans-serif
• “Comic Sans MS”, cursive, sans-serif
• 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, monospace
• “Lucida Console”, Monaco, monospace

기본정보

• 나무위키

• https://namu.wiki/w/%EA%B8%80%EA%BC%B4

• Serif : 세리프,바탕,명조

• 삐침이 있다!

• Sans-serif : 산세리프, 돋움, 고딕

• 삐침이 없다.

• 가변폭 : Times New Roman 

• 글자별로 너비가 다르다. M과 i 등의 너비 체크해보면 차이가 있음

• 고정폭 : Courier New , Consolas
• 각 글자에 대한 너비가 같다.
• “Mono”, “체”, “코딩”,”coding”,”code”,”hack” 등이 붙으면 고정폭 폰트

기본폰트 관련

• https://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts

WIndows (한글 폰트도 포함되어있음)

• windows 7

• https://docs.microsoft.com/ko-kr/typography/fonts/windows_7_font_list

• windows 8

• https://docs.microsoft.com/ko-kr/typography/fonts/windows_8_font_list

• windows 8.1

• https://docs.microsoft.com/ko-kr/typography/fonts/windows_81_font_list

• windows 10
• https://docs.microsoft.com/ko-kr/typography/fonts/windows_10_font_list

Mac OS

• https://support.apple.com/en-ng/HT207962

android

• 스마트폰 제조사마다 폰트가 다르다!

• 기본 폰트 외에는 제조사에서 넣은 폰트다.

• 기본
• Droid Sans
• Droid Serif
• Droid Sans Mono
• Roboto

---

• https://www.w3schools.com/cssref/css_websafe_fonts.asp

---

🔗original-link