본문 바로가기
WEB/CSS

[CSS] 폰트 설정하기

by DeveloperCat 2023. 10. 12.
반응형
  • font-family : 글꼴을 설정하는 속성
serif : 삐침 있는 명조 계열의 글꼴
sans-serif : 삐침 없고 굵기가 일정한 고딕 계열의 글꼴
monospace : 글자 폭과 간격이 일정한 글꼴
cursive : 손으로 쓴 것 같은 필기 계열의 글꼴
fantasy : 화려한 글꼴

 

Ex) 

font-family: 'Nanum Gothic', sans-serif;

=>  삐침 없고 굵기가 일정한 나눔 고딕체

 

  • font-weight : 폰트 굵기 설정
  • text-decoration : 텍스트를 꾸미는 선 설정
none : 선을 만들지 않습니다.
line-through : 글자 중간에 선을 만듭니다.
overline : 글자 위에 선을 만듭니다.
underline : 글자 아래에 선을 만듭니다.
initial : 기본값으로 설정합니다.
inherit : 부모 요소의 속성값을 상속받습니다.

 

반응형

'WEB > CSS' 카테고리의 다른 글

[CSS] Display  (0) 2023.10.12
[CSS] line-height  (0) 2023.10.12
[CSS] nth-child & nth-of-type  (0) 2023.09.17
[CSS] <li> 리스트의 점 없애기  (0) 2023.09.17
[CSS] DIV 텍스트 가운데 정렬(가로, 세로)  (0) 2023.09.17