CSS - 그 외 텍스트 관련 CSS 속성들

font-family : [글꼴], [글꼴유형];

글꼴유형(generic-family) 종류 : serif, sans-serif, cursive, fantasy, monospace

ex. font-family: dotum, "바탕", "Times New Roman", serif;

여러 글꼴이 주어진 경우 앞에서부터 적용 시도

글꼴 이름에 공백이 있을 때, 한글일 때 " "로 묶어줘야 함 

글꼴 유형	설명
serif	삐침이 있는 명조 계열의 글꼴
sans-serif	삐침이 없고 굵기가 일정한 고딕 계열의 글꼴
monospace	텍스트 폭과 간격이 일정한 글꼴
fantasy	화려한 글꼴
cursive	손으로 쓴 것 같은 필기체 계열의 글꼴

 

font-weight : 텍스트 굵기 단위, 100 ~ 900 (100단위), normal(400), bold(700), bolder, lighter

주의해야할 사항 : 폰트 자체에서 해당 굵기를 지원해야 적용 됨.

키워드 값을 주로 사용함.

ex. font-weight:bold;

 

font-variant : 대소문자

font-variant: small-caps; → 작은대문자로 치환

 

text-align : 텍스트 정렬

center, left=start, right=end, jusify(양쪽정렬)

 

text-decoration : 텍스트를 꾸밀 때 사용

none(주로 a태그에서 밑줄 없앨 때 사용), line-through, overline, underline

 

letter-spacing: 자간의 크기 (글자 간격)

ex.letter-spacing: 16px;

 

line-height : 크기 단위 or 배수; 

글자의 줄 높이를 지정하는 CSS 속성

ex. line-height: 1.5;

ex. line-height: 30px;

단, 폰트사이즈보다 크게 지정해야 함 

주로 배수 단위를 사용함