2014년 5월 6일 화요일

블로거에서 구글 웹 폰트 사용하기

네이버 블로그에서 벗어나 Blogger에 적응 중인 여자친구를 위해 바칩니다.ㅋ

1. 구글 웹 폰트

https://www.google.com/fontshttp://www.google.com/fonts/earlyaccess

2. 마음에 드는 글꼴 찾았으면, CSS에 추가.

'Blogger 템플릿 디자이너' - '고급' - 'CSS 추가'
link 태그를 사용하던가, import를 사용하던가 해서 CSS에 추가

3. 블로그 글 쓰기 편집기에서 'HTML'로 바꾸고, 바꾸고자 하는 영역을 <span> ~ </span> 태그로 지정

4. <span style="font-family: ~~~">로 폰트 지정

<span style="font-family: 'Nanum Brush Script', cursive;">나눔 붓 글씨</span>

나눔 붓 글씨

5. 페이지 전체의 글꼴을 바꾸고 싶은 경우, 템플릿 HTML 편집

템플릿마다 다를 수 있지만, 대충 비슷비슷할 듯?

<head>~</head> 내에 <Variable name="body.font" description="Font" type="font" default="~~~" value="~~~"/>를 찾아서, default와 value 값을 원하는 폰트로 바꿔주면 됨.

자세한 것은 레이아웃용 글꼴 및 색상을 참고하세요. :)

끝!

댓글 2개:

  1. 더 열심히 해야겠어요~ ㅋㅋ^-^

    답글삭제
    답글
    1. 응응! 화이팅! 나도 잘 모르지만, 막히는 부분있으면 말해줘요. 같이 찾아보게.ㅋㅋ

      삭제