워드프레스 폰트 변경

WordPress 테마에 관계 없이 지정한 폰트(네이버 나눔고딕)로 적용하는 방법을 살펴본다.

 

1. 워드프레스 관리자 페널의 플러그인 메뉴에서 'wp google fonts' 플러그인을 설치 후 활성화 한다.

2. 관리자페널 - 설정 - Google Fonts 들어가서 아래와 같이 설정한다.

1)  Font 는 임의로 아무거나 선택하는데, Abel을 선택 했다.

2) Custom CSS (optional): 부분에 아래처럼 입력한다.

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;
body, h1, h2, h3, h4, h5, h6, li, p { font-family:"Nanum Gothic" !important ; }

3) 'Save All Fonts' 를 클릭하면 바로 적용이 된다.

이제부터 블로그를 열면 구글 서버로부터 나눔 폰트를 다운받아 적용 시킨 화면을 뿌려준다.

 

이렇게 폰트를 지정하면 Internet Explorer 8 에서는 안티알리어싱 지원 문제로 사이트가 열리지 않는 문제점이 발생을 한다.

익스플로러 10 이하 버전은 사용하지 않는게 여러모로 좋다. 윈도우 XP 사용자라면 Chrome이나 Firefox 를 사용하는 할 것.

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");