본문 바로가기
웹코딩 배우기/· CSS

CSS font

by 닐기 2019. 11. 4.

웹페이지에 보여줄 폰트를 설정한다.

 

* font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;

 

내 블로그를 살펴보니 애플, 노토, 샌스?라는 폰트를 기본으로 쓰고 있구나. 사용자는 제일 앞에 있는 폰트를 먼저 사용하게 되고 그 폰트가 없다면 다음 설정한 폰트를 써서 웹페이지에 표시해준다.

 

 

* font-style

 

 

 

* font-size

em, px, % 단위를 사용한다.

 

em : 브라우저의 기본 글자 크기는 16px 다 1em=16px라고 한다. em은 1.726처럼 소수점까지 쓸 수 있다.

 

 

 

* font-weight 글자 굵기

normal; bold; bolder; lighter; 100, 200 300 이렇게 숫자로도 쓴다.

 

 

* vw 반응형 글꼴