[CSS -6]텍스트 꾸미기

텍스트 꾸미기

글꼴 바꾸기

• font-family 속성은 요소에 포함된 텍스트의 글꼴을 정의할 때 사용
• 한 개 이상의 글꼴을 지정할 수 있음
  • 입력한 글꼴 뒤에 쉼표를 입력후 새로운 글꼴을 이어서 입력하는 방식으로 속성값 지정
  • 먼저 쓰여진 글꼴부터 우선적으로 요소에 지정
  • 먼저 쓰여진 글꼴이 없으면 다음에 있는 글꼴이 적용

웹 폰트 사용하기

• 컴퓨터 시스템에 해당 포트가 설치되어 있지 않은 경우에도 웹 서버로부터 이를 제공받아서 사용할 수 있는 글꼴
• 웹폰트를 사용하여 잘못 입력된 글꼴이거나, 시스템에 설치되어 있지 않아 요소에 적용되지 않는 것을 방지

텍스트 꾸미기의 속성

속성명	설명	속성값 유형
font-size	글자 크기 지정	수치와 단위
font-weigth	글자 두께 지정	별도의 키워드
line-height	행 높이 지정	수치와 단위
text_align	텍스트 정렬 방식 지정	별도의 키워드
text-decoration	텍스트 줄 긋기	별도의 키워드

• 수치에 사용되는 새로운 단위
  • rem : 루트 요소(html태그)의 글자 크기를 배수로 계산해 적용하는 상대 단위
  • em : 부모 요소의 글자 크기를 배수로 계산해 적용하는 상대 단위