워드프레스 폰트 바꾸는 방법

워드프레스를 운영하고 있으신가요? 워드프레스는 내가 원하는 대로 수정해서 사용할 수 있는 홈페이지입니다.

홈페이지에서 중요한 요소 중 하나가 폰트입니다. 오늘은 워드프레스 폰트 바꾸는 방법에 대해 알려드리겠습니다.

 

1. 무료폰트사이트에서 원하는 폰트 검색 후 오른쪽의 [웹폰트로 사용] 코드를 복사합니다.

 

👉👉 눈누 사이트 바로가기 

 

저는 '프리텐다드' 폰으를 검색해서 적용해보겠습니다. 

 

2. 워드프레스 관리페이지 이동 후 [디자인]-> [사용자 정의하기] 버튼을 클릭하세요.

 

사용자 정의하기 에서 [추가 CSS] 버튼을 클릭해줍니다. 

 

 

3. 하단 입력칸에 코드를 입력한 후 상단 [공개]버튼을 클릭한 후 홈페이지에 적용하시면 됩니다.

 

[눈누 복사코드]

@import url('
https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

[적용범위코드] 

body, h1, h2, h3, h4, h5, h6, li, p, button { 
 font-family: 'Pretendard'; color: #1f1c1a;
}
코드에서 폰트이름만 바꿔서 다른 폰트로 적용할 수 있습니다. 

 

 

 

[전체코드]

@import url('
https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');



body, h1, h2, h3, h4, h5, h6, li, p, button { 
 font-family: 'Pretendard'; color: #1f1c1a;
}


 blockquote {
    font-size: inherit;
}


code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

 

 

원하는 폰트로 워드프레스 운영해보세요. 저도 기존 것에서 변경하니 훨씬 가독성이 있고 좋더라구요.

지금까지 워드프레스에서 폰트 바꾸는 방법에 대해 알려드렸습니다. ^^