한글 폰트는 무겁기 때문에
최대한 한글폰트 하나, 영문폰트 하나 이렇게 두가지 안에서
끝내는 것이 가장 좋다.
style.css에 구글폰트 cdn을 그대로 끌어와 사용하였다.
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
body { font-family: 'Noto Sans KR', sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.8; font-weight: 400;}
h1, h2, h3, p, a {font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0.3px;}
.eng { font-family: 'Open Sans', sans-serif;}
이 경우,
한글은 noto sans kr
영문은 open sans 를 사용한다는 뜻이다.
개인적으로 부트스트랩 아이콘도 미리 끌어와 사용하는 편이다.
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
부트스트랩 아이콘 사용법
<i class="bi-alarm"></i>
or
span:before {content: "\f106"; font-family: "FontAwesome"; }
'WP' 카테고리의 다른 글
워드프레스 새글쓰기 버튼 (0) | 2024.04.30 |
---|---|
워드프레스 첨부파일 경로 한번에 다 바꾸기 (0) | 2024.04.30 |
워드프레스 이전 백업후 어드민 페이지 로그인 안될때 (0) | 2024.04.30 |
워드프레스 초기 상태로 리셋하기 (0) | 2024.04.30 |
워드프레스 자식 테마 만들기 (0) | 2024.04.30 |
[Wp 플러그인] 워드프레스 사용자정의 필드 (0) | 2024.04.29 |
[Wp 플러그인] 워드프레스에서 카카오 로그인 기능 적용하기, kakao-tam (0) | 2024.04.29 |
[Wp 플러그인] 워드프레스 사이트 백업 및 이전, Updraft Plus BackUp (0) | 2024.04.29 |