폰트
폰트 크기
font-size:
기본폰트 크기
브라우저의 설정값을 기본으로 선택합니다. 이를 기준으로 배열을 계산합니다.
기본 크기는 16 픽셀입니다.
p테그는 16
h1은 32
h1의 테그의 크기는 p테그의 2배 크기 입니다.
폰트 종류
웹문서의 글꼴을 지정하는 방법
여러개의 폰트를 지정할 수 있습니다.
폰트의 지정 순서대로 적용이 됩니다.
폰트명
폰트 이름에 스페이스가 포함되어 구분이 되는 경우 ~~ 형태로 묶어주어야 합니다.
다수 폰트 지정
시스템의 정의되지 않는 폰트가 없을시 다음으로 지정된 폰트 적용
폰트는 상속이 됩니다.
스타일
퐅느의 스타일을 지정합니다.
굵기
정렬
text-align:
블럭 타입의 속성에서만 사용이 가능합니다.
line-hight
세로 중앙 정렬을 할때 사용합니다.
버튼등을 생성할때 유용합니다.
밑줄제거
text-decoration: none
a테그와 같이 밑줄이 들어가는 글자의 경우 속성을 이용하여 밑줄을 제거할 수 있습니다.
웹폰트
시스템에 없는 폰트를 적용하기 위해서 사용됨.
과거에는 폰트를 이미지로 표시하여 처리하였음. 하지만, 최근에는 웹폰트를 이용합니다.
구글 웹폰트
구글은 다양한 웹폰트를 지원합니다.
fonts.google.com
네이버
나눔 고딕체를 지원합니다.