4.텍스트,폰트,단위
CSS에서 사용되는 텍스트(Text) 및 폰트 스타일(Font), 텍스트 단위(Units) 기준 및 적용 방법
1. Text, 텍스트 크기
텍스트의 크기는 font-size 옵션으로 변경 가능
style.css
font-size : 1.75rem;2. Font (or Font-family), 폰트 스타일
일반적으로 텍스트의 폰트 스타일은 현재 사용 중인 브라우저에서 제공하는 기본 폰트(Browser default)로 적용됨
그 외에는 개발자가 원하는 폰트(ex. Google Web font )로 적용 가능
CSS에서 폰트 스타일을 실제 적용할 때는 font-family 속성을 사용
style.css
font-family: '원하는 폰트명', serif; /* serif: 대체 폰트 */💡
Tip
브라우저 내 설정에서 현재 적용 중인 폰트 확인 방법
Google Chrome 브라우저 기준: 우측 상단 더보기(…) → 설정 → 모양 → 글꼴 맞춤 설정
3. Units
Units이란 CSS에서 폰트, 이미지 등 사이즈를 조절할 때 사용되는 단위
CSS에는 px뿐만 아니라 %, em, rem 등 다양한 단위가 있으며, 사용 상황에 따라 적용하는 단위가 달라짐
Last updated on