; ; ; ; ; ; ; ;
Select Menu

.

.

table one

table three

table four

table six

 ■ 신용카드 10문 10답  클릭!

 ■ 신용카드 Hot Deal  클릭!

 ■ 카드 사용팁 - 항공  클릭!

 ■ 카드 사용팁 - 호텔  클릭!

 ■ 신용점수 확인하기  클릭!

 ■ 신용카드 알짜 TIP  클릭!


table seven

» » 나눔고딕체 블로그 에 CSS 로 삽입.

Print Friendly and PDF   
번역(Translate to)




저 용량 나눔 고딕 사용법!

나눔 고딕체를 구글 웹 폰트에서 CSS 링크 방식으로 넣는 법을 배웠습니다. 하지만 그렇게 넣으면 저의 경우 블로그 사이즈가 3메가 씩이나 늘어나게 되었습니다. 하지만 이 방법으로 하면 1/3 수준인 약 1메가 정도 늘어나면서 똑같이 나눔 고딕체 를 사용하실 수가 있습니다.

방법은 두가지 입니다. 

1. 링크로 가져와서 넣는 방법
2. 템플렛에 링크 바로 넣는 법


1.현재 저는 첫 번째 방법을 사용하고 있습니다.
아래 코드를

 @font-face{  
   font-family:'NanumGothic';  
   src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot');  
   src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),  
   url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff') format('woff'),  
   url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf') format('truetype');  
   src:local(※), url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff') format('woff');  
 } 

메모장에 UTF-8 로 저장하고 구글 드라이브에 올려서 링크를 받아서 

<link charset='utf-8' href=' 링크 삽입 ' rel='stylesheet' type='text/css'/>

구글 블로그의 경우 <b:skin> 앞에 삽입하시면 됩니다.


2.다른 방법은 아래 코드 전체를  <head> 바로 뒤에 삽입하시면 됩니다.

 <style type="text/css">  
 @font-face{  
   font-family:'NanumGothic';  
   src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot');  
   src:url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),  
   url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff') format('woff'),  
   url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf') format('truetype');  
   src:local(※), url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff') format('woff');  
 }  
 </style>  

추가사항

그리고 템플렛 내에 모든  font-family:'NanumGothic','나눔고딕',sans-serif; 로 바꾸어 줍니다.

*위의 방법이 CSS 코드를 링크로 삽입하는 법 또는 템플렛에 바로 넣는 법과 같습니다.

구글 블로그에서 는 <b:skin>....</b:skin> 안에도 CSS 구문이 들어갑니다.


UP World Story 의 모든 정보는 제 개인적인 의견일 뿐입니다. 블로그 자료의 정확성 및 자료 사용의 결과에 대해 일체 책임을 지지 않습니다. 개인적인 판단하에 참조하시기 바랍니다.

All data and information provided on this site is for entertainment purposes only; please use at your own risk.

댓글 없음