구글블로거(Blogger) 나눔폰트(font) 변경
4월 22, 2017[구글블로거만들기] 나눔고딕 NanumGothic 폰트 적용
테마를 적용하고 난 후 구글블로거를 하나씩 수정하고 있습니다.
이번에는 폰트를 수정해 보겠습니다.
테마를 적용하면 제목 폰트가 진지한 궁서체였는데 나눔고딕폰트로 변경해 보겠습니다.
관리자페이지 > 맞춤설정 > 고급 > CSS추가에서 추가를 했는데 반영이 안되어서 직접 HTML을 수정해야 했습니다.
HTML편집에서 <head> 아래에 이 소스를 추가합니다.
<script src='http://www.google.com/jsapi'/>
<script>
google.load(
"webfont", "1" );
google.setOnLoadCallback(function() {
WebFont.load({ custom: {
families: [
"NanumGothic" ],
urls: [
"http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ]
}});
});
</script>
|
그리고 CSS추가부분에서 추가해야될 부분이 HTML에 들어가져 있어서 해당부분을 수정해줘야됩니다.
예를들면 해당부분에 다가 아래와 같이 나눔고딕을 추가해줘야 한다.
h2.post-title, h1.post-title {
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
font-family: 'Roboto Slab', serif, NanumGothic;
font-size: 25px;
line-height: 1.52em;
color: #000;
font-weight: 400;
text-decoration: none;
margin-top: -8px;
}
|
저장하면 아래와 같이 반영된다.
궁서체가 나눔고딕으로 변경된것을 확인할 수 있습니다.
구글블로거가 좀 더 깔끔해보이네요^^
0 개의 댓글