[CSS 기초] 글자 관련 스타일

글자와 관련된 CSS 스타일

color: 글자색

ex) color: 

 

font-family: 글씨체(글씨체에 띄어쓰기가 있을 경우 쌍따옴표 사용)

1) 폰트 다운로드 후 사용

2) 형식 

- font-family: "폰트명", 폰트명, 폰트명   

*폰트파일이 없을 시, 뒤에 있는 폰트 사용

**폰트명이 두 단어 이상일 때 큰 따옴표 사용

 

 

font-size: 글씨 크기(px, pt, em 등)

- 픽셀단위는 모니터 화면비에 따라 크기가 달라짐

- pt: 절대단위

- em: 부모 폰트 사이즈의 상대크기 (1.0em -> 100%, 0.9em -> 90%) 

- %: 부모 요소의 컨테이너(ex. div) 크기에 대한 상대크기. 일반적으로 폰트에는 사용하지 않음

        블럭요소 내부에 블럭을 나눌 때 주로 사용

 

font-weight: 글자 굵기(100~900 값 or bold)

line-height: 줄 간격(% or px 등 사용)