구글블로그(Blogspot) 글씨체(eg.나눔고딕) 변경하기

이미 검색하면 많은 정보가 나오지만 이번에는 구글 블로그, 블로그스팟에서 글씨체 변경하는 법을 알아보겠습니다. 대표적으로 나눔고딕체로 많이들 바꾸시기 때문에 저 역시 나눔고딕체로 예로 들어서 설명하겠습니다! 1. 메뉴로 가서 테마...



이미 검색하면 많은 정보가 나오지만 이번에는 구글 블로그, 블로그스팟에서 글씨체 변경하는 법을 알아보겠습니다. 대표적으로 나눔고딕체로 많이들 바꾸시기 때문에 저 역시 나눔고딕체로 예로 들어서 설명하겠습니다!


1. 메뉴로 가서 테마를 눌러줍니다.
얼마 전까지 템플릿으로 되어 있었는데 메뉴가 테마로 바꼈네요.




2. HTML 편집을 눌러줍니다. 사진 속에 노란색으로 체크해두었습니다.



3. Ctrl+F를 클릭하여 <head>를 검색합니다.












 그리고 <head>아래에 다음의 소스를 복사/붙혀넣기 해줍니다.

[<link rel='stylesheet'  href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'/>]

위는 나눔고딕으로 적용할때의 소스입니다. 다른 글씨체를 원하시면 여기로 가셔서
https://fonts.google.com/earlyaccess
/nanumgothic 이부분만 변경해주시면 되겠습니다.


4. 다시 테마로 가서 이번엔 맞춤설정을 클릭합니다.






5. 고급 → 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';
}]



6. <블로그에 적용>을 누르면 이제 구글블로그에 나눔고딕체가 적용된 모습을 볼 수 있습니다.



COMMENTS

BLOGGER: 1

이름

BLOG,6,TUTORIAL,1,
ltr
item
Robotool: 구글블로그(Blogspot) 글씨체(eg.나눔고딕) 변경하기
구글블로그(Blogspot) 글씨체(eg.나눔고딕) 변경하기
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKAdNA9yG4wfcDQ5jSppMwU4dfqiZViTBXDjvx0JniE8-Xr1dlfPNbKCuMTLA6CLY5z-gv183SK2wUKye9oz6BD1qHQruLmu86SVMAxT4aDnpacHvmlyR3uvv3uVbZs0fRWxHvBZ9s4wM/s320/new_font_thumbnail.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKAdNA9yG4wfcDQ5jSppMwU4dfqiZViTBXDjvx0JniE8-Xr1dlfPNbKCuMTLA6CLY5z-gv183SK2wUKye9oz6BD1qHQruLmu86SVMAxT4aDnpacHvmlyR3uvv3uVbZs0fRWxHvBZ9s4wM/s72-c/new_font_thumbnail.png
Robotool
http://robotool.blogspot.com/2018/03/blogspot-eg.html
http://robotool.blogspot.com/
http://robotool.blogspot.com/
http://robotool.blogspot.com/2018/03/blogspot-eg.html
true
6612609179602197303
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy