구글 블로그에 '나눔고딕' 폰트를 반영하는 방법에 대한 포스팅입니다. 네이버나 구글 상에 이런 저런 다양한 방법들이 있었는데 저의 블로그에 바로 반영되는 쉬운 방법을 개할까 합니다. 사실 Google Fonts에서 나눔고딕 폰트를 제공했을 때에는 해당 사이트의 도움을 받아 나눔고딕 폰트를 반영하곤 했었는데요, 지금은 제가 못찾는 탓인지 서비스를 중단한 탓인지 Google Fonts에서 나눔고딕을 포함한 한글 전체를 찾지 못했습니다. 그래서 그 방법은 포기하고 다른 방법을 찾아내었습니다. 2016년 10월 기준으로 반영에 성공한 방법이니 참고하시고 새로 템플릿을 변경하신다든지 폰트를 변경하고 싶으신 분들은 아래 방법을 사용해 보시기 바랍니다.
방법은 아래와 같습니다.
1. 먼저 <head> 바로 아래에 아래 코드를 삽입합니다.
※ '템플릿 → HTML 편집' 메뉴에서 코드를 넣으실 수 있습니다. 관련 포스트는 많은 분들이 방법을 공유하고 계시니 참고하시기 바랍니다.
<link rel='stylesheet' href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'/>
2. '템플릿 → 맞춤설정 → CSS 고급'에다가 아래 코드를 입력합니다.
body, h1, h2, h3, h4, a, div, input, p, span, td, label, select, textarea, iframe {
font-family: 'Nanum Gothic';
}
.post-body {
font-family: 'Nanum Gothic';
}
.Header .description, .Header h1 {
font-family: 'Nanum Gothic';
}
.main-inner .widget h2.date-header span {
font-family: 'Nanum Gothic';
}
h3.post-title {
font-family: 'Nanum Gothic';
}
h3.post-title a {
font-family: 'Nanum Gothic';
}
.sidebar .widget {
font-family: 'Nanum Gothic';
}
font-family: 'Nanum Gothic';
}
.Header .description, .Header h1 {
font-family: 'Nanum Gothic';
}
.main-inner .widget h2.date-header span {
font-family: 'Nanum Gothic';
}
h3.post-title {
font-family: 'Nanum Gothic';
}
h3.post-title a {
font-family: 'Nanum Gothic';
}
.sidebar .widget {
font-family: 'Nanum Gothic';
}
도움이 되었길 바랍니다.
나눔 고딕 말고 helvetica neue ultra light이 글꼴로 변경하려면 어떻게 하나요
답글삭제