웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 3

구글에서 영문 웹폰트를 사용하는 방법입니다.


http://www.google.com/webfonts


위에 주소로 들어갑니다.


20120830_163440.png


구글에서 제공하는 여러 영문 웹폰트들이 있습니다.

원하시는 웹폰트가 있다면 Quick-use 를 클릭합니다.


google1.gif


Quick-use 를 누르면 해당 웹폰트의 api 주소를 제공하는 페이지가 나옵니다.


google2.gif

<link href='http://fonts.googleapis.com/css?family=Skranji' rel='stylesheet' type='text/css'> 

제공하는 소스를 웹문서에 삽입합니다.


css안에서 import 해도 됩니다.

@import url(http://fonts.googleapis.com/css?family=Skranji

이런식으로..


그리고 웹폰트를 적용하고자 하는 텍스트에 font-family: 'Skranji', cursive; 스타일을 주면 됩니다.

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/459661/86d/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
3 google.com 으로 접속하는 방법 title: [ani]깜빡이는 표정빽짱구 2012-08-24 3 5217
2 구글 영문 웹폰트 사용하기 file title: [ani]깜빡이는 표정빽짱구 2012-08-30 2 5211
1 괜찮은 구글 웹폰트 많네요. file title: [ani]깜빡이는 표정빽짱구 2018-10-23   209