chatGTP
텍스트의 폰트를 조정하려면 CSS의 `font-family`, `font-size`, `font-weight`, `font-style` 등의 속성을 사용하여 스타일을 적용할 수 있습니다. 각 속성은 다음과 같이 사용됩니다:
1. `font-family`:
텍스트의 글꼴을 지정합니다. 여러 개의 글꼴을 지정할 경우 쉼표(,)로 구분하여 나열합니다. 브라우저가 첫 번째 글꼴을 지원하지 않을 경우, 두 번째 글꼴로 대체하며, 지정된 글꼴 중 브라우저에서 지원하는 첫 번째 글꼴을 사용합니다.
2. `font-size`:
텍스트의 글꼴 크기를 지정합니다. 기본 값은 `medium`으로, 상대적인 크기인 `em` 단위나 절대적인 크기인 `px`, `pt` 등의 단위를 사용하여 지정할 수 있습니다.
3. `font-weight`:
텍스트의 글꼴 두께를 지정합니다. 일반적으로 `normal`, `bold`, `bolder`, `lighter`, 숫자로 두께를 지정하는 `100`부터 `900`까지 사용할 수 있습니다.
4. `font-style`:
텍스트의 스타일을 지정합니다. 기본 값은 `normal`로, 이탤릭체를 사용할 경우 `italic`을 지정합니다.
font-size: 3vw; /* 뷰포트 너비의 3%를 폰트 크기로 설정 */
'frontend > CSS' 카테고리의 다른 글
| 세로 블록들을 가로로 배치하는 방법 (0) | 2023.07.23 |
|---|---|
| `div`로 요소를 감싸는 것은 (0) | 2023.07.23 |
| vw와 vh의 차이는? (0) | 2023.07.23 |
| 섹션 사이의 간격을 만드는 방법 (0) | 2023.07.23 |
| 선택자 점(.)과 # 의 차이 (0) | 2023.07.22 |
| CSS style 적용의 3가지 방법 (0) | 2023.07.22 |
| 특정 섹션을 페이지 우측에 위치하도록 하는 CSS 속성? (0) | 2023.07.21 |
| CSS를 배울 수 있는 유튜브 채널 (0) | 2023.07.19 |
