구글 블로그 블로거(Blogger)는 구글이 운영하는 무료 가입형 블로그 서비스로 블로거(Blogger)의 기본 템블릿(스킨)이외에 템블릿 사이트를 이용하여 무료 또는 유료의 여러가지 다양한 템블릿을 이용하여 블로그를 꾸밀 수 있습니다. 구글 블로그는 다양한 템블릿 지원 이외에 간편하게 레이아웃을 수정, 편집할 수 있으며, 다양한 가젯을 블로그에 추가하고 HTML 편집 기능을 이용하여 템플릿(스킨) 수정이 가능한데, 이번 포스팅에서는구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법에 대해 소개해 드리도록 하겠습니다.
구글 블로그 서비스 블로거(Blogger)는 1999년에 블로그 서비스를 시작하여 2003년 구글에 인수되어 구글이 운영하는 블로그 서비스로 하나의 구글 계정을 이용하여 다수의 블로그를 개설하여 운영할 수 있으며, 구글 블로그 컨텐츠 정책은 사용자의 표현의 자유를 중요시하여 약관에 위배되지 않는 한 컨텐츠를 검열하지 않기 때문에 블로그 운영에 대한 제약이 적어 설정을 통해 성인블로그도 운영을 할 수 있습니다. 단, 성인용 컨텐츠의 경우는 관련 광고를 삽입하여 수익형으로 운영할 수는 없습니다.
구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법은 먼저 구글 블로그 관리 페이지에서 템블릿은 선택한 다음, 템플릿의 HTML 편집 버튼을 클릭 합니다. HTML 편집 페이지에서 상단의 <head> 부분을 찾아 <head> 바로 아래에 나눔고딕 폰트 소스코드를 넣어 줍니다.
구글 블로그 HTML 편집에서 <head> 아래에 나눔고딕 폰트 소스코드를 입력한 다음 스크롤을 살짝 내리거나 키보드의 'Ctrl+F'를 이용하여 'Variable name'을 검색한 다음, Variable name 부분의 폰트 항목 중 제일 앞 부분에 'NanumGothic'을 추가해 줍니다. 구글 블로그 템플릿에 따라 HTML 구성이나 폰트에는 다소 차이가 있지만, 구성되어 있는 폰트들 중 제일 앞 부분에 나눔고딕 폰트를 입력하면 됩니다.
구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법을 이용하면, 구글 블로그에 나눔고딕 이외에 맑은고딕 등 블로그에 적용하고자 하는 다양한 폰트를 적용할 수 있습니다. 블로그 스킨의 경우 대부분 영문 폰트로 미리보기가 되는 경우가 많은데, 영문 폰트가 한글 폰트보다 디자인이 다양하여 실제 블로그에 한글 폰트를 적용하면 스킨이나 템플릿의 분위기가 다르게 느껴지기 때문에 블로그 디자인에 있어 폰트의 선택도 상당히 중요 합니다. 이상, 구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법에 대한 간단한 소개 였습니다.
구글 블로그 서비스 블로거(Blogger)는 1999년에 블로그 서비스를 시작하여 2003년 구글에 인수되어 구글이 운영하는 블로그 서비스로 하나의 구글 계정을 이용하여 다수의 블로그를 개설하여 운영할 수 있으며, 구글 블로그 컨텐츠 정책은 사용자의 표현의 자유를 중요시하여 약관에 위배되지 않는 한 컨텐츠를 검열하지 않기 때문에 블로그 운영에 대한 제약이 적어 설정을 통해 성인블로그도 운영을 할 수 있습니다. 단, 성인용 컨텐츠의 경우는 관련 광고를 삽입하여 수익형으로 운영할 수는 없습니다.
구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법은 먼저 구글 블로그 관리 페이지에서 템블릿은 선택한 다음, 템플릿의 HTML 편집 버튼을 클릭 합니다. HTML 편집 페이지에서 상단의 <head> 부분을 찾아 <head> 바로 아래에 나눔고딕 폰트 소스코드를 넣어 줍니다.
<script src='http://www.google.com/jsapi'/>
<script>
google.load( "webfont", "1" );
google.setOnLoadCallback(function() {
WebFont.load({ custom: {
families: [ "NanumGothic" ],
urls: [ "http://fontface.kr/NanumGothic/css" ]
}});
});
</script>
<script>
google.load( "webfont", "1" );
google.setOnLoadCallback(function() {
WebFont.load({ custom: {
families: [ "NanumGothic" ],
urls: [ "http://fontface.kr/NanumGothic/css" ]
}});
});
</script>
구글 블로그 HTML 편집에서 <head> 아래에 나눔고딕 폰트 소스코드를 입력한 다음 스크롤을 살짝 내리거나 키보드의 'Ctrl+F'를 이용하여 'Variable name'을 검색한 다음, Variable name 부분의 폰트 항목 중 제일 앞 부분에 'NanumGothic'을 추가해 줍니다. 구글 블로그 템플릿에 따라 HTML 구성이나 폰트에는 다소 차이가 있지만, 구성되어 있는 폰트들 중 제일 앞 부분에 나눔고딕 폰트를 입력하면 됩니다.
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 12px NanumGothic, 'Malgun Gothic', UnDotum, 'Palatino Linotype', Palatino, Georgia, Utopia, serif" value="normal normal 15px NanumGothic, 'Malgun Gothic', UnDotum, 'Palatino Linotype', Palatino, Georgia, Utopia, serif"/>
type="font" default="normal normal 12px NanumGothic, 'Malgun Gothic', UnDotum, 'Palatino Linotype', Palatino, Georgia, Utopia, serif" value="normal normal 15px NanumGothic, 'Malgun Gothic', UnDotum, 'Palatino Linotype', Palatino, Georgia, Utopia, serif"/>
구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법을 이용하면, 구글 블로그에 나눔고딕 이외에 맑은고딕 등 블로그에 적용하고자 하는 다양한 폰트를 적용할 수 있습니다. 블로그 스킨의 경우 대부분 영문 폰트로 미리보기가 되는 경우가 많은데, 영문 폰트가 한글 폰트보다 디자인이 다양하여 실제 블로그에 한글 폰트를 적용하면 스킨이나 템플릿의 분위기가 다르게 느껴지기 때문에 블로그 디자인에 있어 폰트의 선택도 상당히 중요 합니다. 이상, 구글 블로그 블로거(Blogger)에 나눔고딕 폰트 적용하는 방법에 대한 간단한 소개 였습니다.
반응형
'블로그팁 > Google Blogspot' 카테고리의 다른 글
| 구글 블로거(Google Blogger) 마우스 오른쪽 버튼 및 드래그 금지 적용하는 방법 (4) | 2016.03.24 |
|---|---|
| 구글 블로그(Blogger) 주소 HTTPS 형식으로 변경하는 방법 (4) | 2016.02.28 |
| 구글 블로그스팟(Blogspot)에 이메일 구독 버튼 설치하는 방법 (3) | 2015.05.22 |
| 구글 블로그(Blogger) 날짜 형식 및 시간대 변경하는 방법 (4) | 2015.05.15 |
| 구글 블로그 스팟 스킨 템플릿 변경하는 방법 (4) | 2014.04.17 |
댓글