텍스트 꾸미기

Yunah·2025년 4월 15일

HTML/CSS

목록 보기
24/36
post-thumbnail

✏️ 글꼴 바꾸기

font-family 속성을 사용해서 텍스트의 글꼴을 정의

한 개 이상의 글꼴을 지정할 수 있음
입력한 글꼴 뒤에 쉼표를 입력한 후에 새로운 글꼴을 이어서 입력
가장 먼저 쓰여진 글꼴부터 우선적으로 요소에 적용

🔎 웹 폰트 사용하기

웹 폰트란 컴퓨터 시스템에 해당 폰트가 설치되어 있지 않은 경우에도 웹 서버로부터 이를 제공받아 사용할 수 있는 웹 전용 글꼴
구글에서 제공하는 웹 폰트 : https://fonts.google.com/


✏️ 텍스트 꾸미기

크기, 색상, 정렬 방식 등 다양한 속성 정의

  • font-size : 글자 크기 지정
  • font-weight : 글자 두께 지정
    100~900 사이의 숫자로 지정
  • line-height : 행 높이 지정
  • text-align : 텍스트 정렬 방식 지정
  • text-decoration : 텍스트 줄 긋기


✏️ 단위 추가 학습

  • rem : 루트 요소의 글자 크기를 배수로 계산해 적용하는 상대 단위
  • em : 부모 요소의 글자 크기를 배수로 계산해 적용하는 상대 단위
profile
안녕하세요☺️

0개의 댓글