[CSS] #08 스타일 속성, CSS 글꼴 & 폰트 속성 완전 정리! font-family부터 웹폰트 사용법까지
·
Web Front/CSS
안녕하세요, 토스트데브입니다!오늘은 CSS에서 텍스트의 분위기와 개성을 결정짓는 핵심 요소, 바로 글꼴(Font)과 폰트 관련 속성에 대해 자세히 알아보겠습니다.다양한 폰트를 설정하는 방법과 웹폰트를 불러오는 방법까지 함께 정리해볼게요. 1️⃣ font-family – 글꼴 지정HTML 요소의 글꼴을 지정하는 가장 기본적인 속성입니다.p { font-family: Arial, sans-serif;} ✅ 여러 폰트를 쉼표(,)로 나열하는 이유:앞의 글꼴이 사용 불가능할 경우, 다음 글꼴로 대체마지막에는 항상 글꼴 계열(generic family)을 적어야 함계열설명serif바 있는 전통적인 글꼴 (예: Times New Roman)sans-serif바 없는 현대적 글꼴 (예: Arial)monospac..
[CSS] #05 스타일 속성, CSS 텍스트 스타일 속성 완전 정복! 글자 색상, 크기, 정렬까지 한 번에 배우기
·
Web Front/CSS
안녕하세요, 토스트데브입니다!오늘은 CSS에서 텍스트 스타일링에 자주 사용하는 속성들을 알아보겠습니다.텍스트는 웹페이지에서 가장 중요한 콘텐츠 중 하나이기 때문에, 글자의 색상, 크기, 정렬, 간격 등을 세심하게 조정하는 것은 디자인의 완성도를 높이는 핵심입니다.그럼 바로 하나씩 살펴볼까요? 1️⃣ color – 글자 색상 지정글자 색상을 설정합니다. 색상 값은 이름, 16진수, rgb(), hsl() 등 다양하게 지정 가능합니다.p { color: red;}h1 { color: #333333;} 2️⃣ font-size – 글자 크기 조절글자의 크기를 지정합니다. 단위는 px, em, rem, % 등을 사용할 수 있습니다.h2 { font-size: 24px;}p { font-size: 1...