구글 웹폰트 서비스를 활용하여 웹에서 나눔글꼴 사용하기 > HTML/CSS

본문 바로가기
사이트 내 전체검색


회원로그인

최신 게시글
  • 게시물이 없습니다.

HTML/CSS

 > 개발자료 > HTML/CSS

HTML/CSS

CSS | 구글 웹폰트 서비스를 활용하여 웹에서 나눔글꼴 사용하기

페이지 정보

작성자 GIT 작성일13-05-07 01:53 조회16,802회 댓글0건

본문

구글 웹폰트 서비스를 사용하면 서버에 폰트설치를 할 필요가 쉽게 웹폰트를 사용할수 있습니다.

구글 웹폰트 서비스: http://www.google.com/fonts/earlyaccess 

 

사용법: css에 사용할 폰트를 임포트하고  font-family로 폰트를 지정하면 된다.

1. css파일 맨윗줄에 아래라인 삽입
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 

2. 적용방법
   방법1: css에 적용
       <style type="text/css">
           h2 {font-family:'Nanum Gothic';}
       </style>


   방법2: 본문에 바로적용
       <h2 style="font-family:Nanum Gothic;">나눔고딕 글꼴입니다.</h>


※ 위의 소스는 나눔고딕의 예이고 다른 폰트도 동일한 방법으로 불러와서 사용하면 됩니다.

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

HTML/CSS 목록

게시물 검색

접속자집계

오늘
104
어제
485
최대
4,468
전체
1,797,128
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.