less than 1 minute read

#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” 등이 붙으면 고정폭 폰트

기본폰트 관련

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

Mac OS

android

  • 스마트폰 제조사마다 폰트가 다르다!
  • 기본 폰트 외에는 제조사에서 넣은 폰트다.

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


🔗original-link

Updated: