본문 바로가기
WP

워드프레스에서 한글 폰트 사용하기

by 영감은어디에 2024. 4. 30.

한글 폰트는 무겁기 때문에 
최대한 한글폰트 하나, 영문폰트 하나 이렇게 두가지 안에서 
끝내는 것이 가장 좋다. 

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"; }