Typography

텍스트를 디자인하는것 

 

 

폰트사이즈 

em : 실제로 적용된 폰트이즈가 1em 이된다 

부모 폰트 사이즈 크기가 24px 이면 자식 요소의 1em 은 24px 이된다 . 

 

rem : html 에 적용된 폰트 사이즈가 1rem 이 된다 . 

 

line-height  ( 수직, 중간 정렬 )

px, em , rem 사용 가능 

줄간격 에는 em 많이 쓰인다. 

 

 

letter-spacing : 글자 간격 ( em 많이씀 ) 

 

font-family : 글서체 ( body 에다 적용시 모든 요소들에 해당폰트 적용 )

1) Poppins 적용 

2) Poppins 적용 없으면 sans-serif 적용 

3) Poppins 적용 없으면 Roboto 적용, 없으면 sans-serif 적용 

 

 

 

 

font-weight : ( 400 : 보통 ) ( 700 : bold ) 

 

 

text-indent : 들여쓰기 

text-transform : 단어 대소문자 변환 / none / uppercase / lowercase / capitalize ( 각단어 첫스펠링) 

text-decoration : underline / line-through / overline ( 주로 a 테그 밑줄 제거시 사용 ) 

 

font-style : normal / italic ( 글자 기울임 ) 주로 em 테그 에서 font-style을 none 으로해 기울기 제거