글꼴 관련 스타일

글꼴을 지정하는 font-family 속성

font-family:<글꼴이름>|[<글꼴 이름>, <글꼴 이름>]

예시 

  body{
    font-family: '맑은 고딕', 돋움, 굴림     
  }
  // 텍스트 지정을 할때 맑은 고딕은 두 단어 이상이기 때문에 ""(큰따옴표)로 감싸준다

 

글자크기를 지정하는 font-size 속성 

 

font-size: 값1 | 값2 | 값3 
font-size: <절대크기> | <상대크기> | <크기> | <벡분율>

- 키워드를 사용해서 글자 크기 지정하기 

- 단위를 사용해서 글자 크기 지정하기 

종류	설명
em
rem
ex
px
pt

 

이탤릭체로 글자를 표시하는 font-style속성 

font-style: normal | italic | oblique

 

글자 굵기를 지정하는 font-wieght속성 

font-weight: normal|bolder|lighter|100|200.... |800|900

 

 

웹 폰트 사용하기

@font-css {
    font-family: <글꼴 이름>; 
    src: <글꼴 파일>[<글꼴 파일>, ...]
}