@font-face

@font-face 룰을 사용하면 원하는 글꼴을 자유롭게 사용할 수 있습니다.
@font-face { <descriptor: value; descriptor: value; ...> }

Descriptor

    font-family
    <family-name>
    정의된 글꼴에 사용할 이름을 지정합니다.
    font-feature-settings
    normal | <feature-tag-value>#
    font-stretch
    normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
    font-style
    normal | italic | oblique
    font-variant
    normal | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps | unicase ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]
    font-weight
    normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    src
    [ <uri> [format(<string>#)]? | <font-face-name> ]#
    string은 woff, truetype, opentype, embedded-opentype, svg 중 하나 입니다.
    unicode-range
    <urange>#

@font-face {
  font-family: MainText;
  src: local("Gentium"), url(gentium.ttf);
  unicode-range: U+000-5FF, U+1e00-1fff, U+2000-2300;
}

알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.