[프론트엔드][CSS3] 4. font 관련 스타일

font-family

: 글꼴을 지정하는 스타일이다.

 

- 글꼴 이름은 쉼표(,)로 구분한다.

- 글꼴 이름이 두 단어 이상이면 큰따옴표("")로 묶는다.

- 브라우저는 앞에 있는 글꼴부터 보여준다. (뒤의 글꼴들은 앞의 글꼴이 없을 경우 보여지는 대체글꼴이다.)

- 예전에는 "맑은고딕" 을 기본값처럼 많이 사용했는데, 요즘은 "나눔고딕" 으로 추세가 전환되고 있다.

 

 

 

font-style

: 기울임꼴을 적용하는 스타일이다.

 

- 웹페이지는 12px, 모바일은 16px가 기본값으로 쓰인다.

 

 

 

font-variant

- small-caps : 소문자 크기 그대로 대문자로 바꿔준다.

 

 

 

font-weight

: 글자 굵기를 적용하는 스타일이다.

 

- 100 ~ 900 의 범위 내에서 설정해야한다.

 

 

 

font-size

: 글자 크기를 적용하는 스타일이다.

 

- 글자크기는 상속되지 않는다.

- 기본 단위는 px 이다.