Font Basic

font weight 매칭 시스템 이해

font weight value
100 Thin
200 Extra Light (Ultra Light)
300 Light
400 Normal
500 Medium
600 Semi Bold (Demi Bold)
700 Bold
800 Extra Bold (Ultra Bold)
900 Black (Heavy)

국가별 기본 폰트

한국

  • 돋움 : Dotum
  • 돋움체 : DotumChe
  • 굴림 : Gulim
  • 굴림체 : GulimChe
  • 바탕 : Batang
  • 바탕체 : BatangChe
  • 궁서 : Gungsuh
  • 궁서체 : GungsuhChe
  • 맑은 고딕 : Malgun Gothic
  1. '맑은 고딕' 폰트는, 윈도우 비스타 이상의 OS에만 있음. '맑은고딕'이라고 붙여 쓰면 인식 못함.
  2. 글꼴 이름에 공백이 있는 것, 즉 띄어쓰기가 된 폰트는 예를 들어 반드시 'Malgun Gothic' 이렇게 따옴표로 둘러싸 주어야 합니다. 그렇지 않으면 나중에 골치 아픈 에러가 날 수 있습니다.
  3. 이름 끝에, '체'가 붙은 글꼴들은 '고정폭 폰트'입니다. 글자들의 간격이, 글자의 종류나 모양과 상관없이 항상 일정합니다. 프로그래밍을 할 때나, 가지런한 데이터를 작성할 때 '고정폭 폰트'를 주로 사용합니다. 따라서 일반적인 글쓰기에서는 '체'가 붙지 않은 글꼴을 사용하는 것이 자연스럽게 보입니다.

외국어

  • 중국어 번체
    font-family: Helvetica, Arial, "Microsoft MingLiU", "MingLiU", "Microsoft JhengHei", "新細明體", sans-serif;
  • 중국어 간체
    font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  • 일본어
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
참고문헌

애플 디바이스에서 시스템 기본 폰트 사용하는 법

font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  • 애플제품 기본 시스템 폰트를 이용시 별도의 개별 이름을 지정하지 않고 위 샘플 css 코드 를 이용 하면 현재 디바이스의 기본 시스템 폰트가 적용된다.
    • 최신의 애플 디바이스의 경우라면 'San Francisco' 폰트가 적용될 것이다.
    • -apple-system : ios 디바이스에서 시스템 기본 폰트를 지정하는 구문
    • BlinkMacSystemFont : OS X(크롬) 에서 기본 폰트를 사용하는 구문

참고

results matching ""

    No results matching ""