[CSS] 폰트에 효과주기(font-size, font-weight, font-style 등)
- Etc
- 2022. 2. 3. 22:33
티스토리 스킨을 수정할 때 자주 사용하는 기능 중 하나인 폰트 스타일(font style)에 대해 정리해두려고 합니다. 폰트를 키우거나 줄이는 폰트사이즈(size), 폰트를 굵게(bold) 만들거나, 이탤릭체(italic)로 표기하거나, 밑줄(underline)을 긋는 등과 같이 여러가지로 폰트에 효과를 줄 수 있습니다.
font와 관련된 속성에는 font-size, font-weight, font-style 등이 있습니다.
1. 폰트 사이즈 효과주기
class명이 abc인 부분의 폰트 크기를 10px로 하고 싶다면 다음과 같이 .클래스명 {font-size: 10px;}의 코드를 CSS편집화면에 넣어주시면 됩니다.
.abc{font-size: 10px;}만약 h3 태그는 폰트 크기를 16px로 하고 싶다면 다음과 같이 h3 {font-size: 16px;}의 코드를 CSS편집화면에 넣어주시면 됩니다.
h3{font-size: 16px;}
2. 폰트를 굵게 만들기(bold체)
마찬가지로 가령 class명이 abc인 부분의 폰트를 굵게 만들고 싶다면 다음과 같이 .클래스명 {font-weight: bold;}의 코드를 CSS편집화면에 넣어주시면 됩니다.
.abc{font-weight: bold;}font-weight의 속성값으로는 bold, bolder, normal, lighter 등이 있습니다.
3. 폰트를 이탤릭체로 만들기
class명이 abc인 부분의 폰트를 이탤릭체로 만들고 싶다면 다음과 같이 .클래스명 {font-style:italic;}의 크도를 CSS편집화면에 넣어주시면 됩니다.
.abc{font-style: italic;}font-style의 속성값으로는 normal(일반적인 글씨체), italic(이탤릭체), oblique(기울임체-거의 사용안함)가 있습니다.
'Etc' 카테고리의 다른 글
| 2022년 투자 결산(배당금, 분배금 결산) (0) | 2023.01.10 |
|---|---|
| 22년 1월 ETF 배당금(분배금) 입금 (0) | 2022.02.04 |
| 미래에셋증권 모바일로 주식 대체출고하는 방법(MTS 주식이체) (0) | 2022.02.04 |
| 딸아이와 조카에게 세뱃돈으로 ETF 사주기 (0) | 2022.02.03 |
| 유튜브 구독 폴더(그룹)로 정리하는 방법(포켓튜브, PocketTube) (1) | 2022.01.28 |
| TIGER ETF, KINDEX ETF 1월 분배금 일정(S&P500, 나스닥100 ETF) (0) | 2022.01.27 |
| 기록 도구로 사용하는 블루투스 키보드(로지텍 K780) (0) | 2022.01.26 |
| 양육수당, 아동수당으로 아이에게 매달 연금저축계좌에서 ETF 사주기 (2) | 2022.01.25 |