Learn HTML & CSS. 6.Styling with CSS(Fonts)

Review what I learned

1. 폰트 서체는 font-family 속성을 이용하여 바꿀 수 있다.


2. Serif 폰트는 대문자 I 나 소문자 l 같은 같은 활자에서 아래・위에 가로로 가는 선이 나있는 서체이며,
   Sans-Serif 는 그렇지 않은 서체이다. (I I, l l) 아이와 아이, 엘과 엘, Serif와 Sans-Serif


3. Fallback 폰트는 혹시 방문자의 컴퓨터에 CSS에서 설정한 서체가 설치되어 있지 않을 때
   대신 적용되는 서체이다.


4. 구글 폰트는 free fonts 이며, HTML파일에 link 태그로 연결하여 사용할 수 있다.


5. 폰트의 크기는 font-size 속성을 이용하여 바꿀 수 있으며, pixels(px), ems(em), percentages(%) 를 단위로 사용한다.


6. 각 줄의 세로 간격(줄 간격)은 line-spacing 속성을 통해 바꿀 수 있다.


7. 각 단어 간의 가로 간격은 word-spacing 속성을 통해 바꿀 수 있다.


8. 각 글자 간의 간격(자간)(전문용어로 kerning)은 letter-spacing 속성을 통해 바꿀 수 있다.


9. 서체를 굵게 표시하는 법(Bold 체)은 font-weight 속성을 통해 설정할 수 있다.


10. 서체를 기울게 표시하는 법(Italic 체)은 font-style 속성을 통해 설정할 수 있다.


11. text-transform 속성을 통해 해당 셀렉터의 모든 글자를 대문자만으로 혹은 소문자만으로 나타나게 할 수 있다.


12. 글의 정렬은 text-align 속성을 통해 설정할 수 있다.

출처 : codecademy(HTML & CSS)