HTml & CSS

구글웹폰트 사용하기

작성자 정보

  • 최고관리자 작성
  • 183.♡.165.151 아이피
  • 작성일

컨텐츠 정보

본문


▶ 임포트 방식으로 로드하려면 style.css 파일 최상단에 소스코드를 추가하면 됩니다.

 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

▶ 참조 링크 방식
헤드 태크의 타이틀 아래에 보기처럼 삽입합니다.

<head>

<title>[##_page_title_##] - [##_title_##]</title>
<link rel='stylesheet' href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'>
<link rel="stylesheet" href="./style.css">

</head>

구글 한글 웹 폰트 바로가기 http://www.google.com/fonts/earlyaccess

<한글 웹 폰트 종류별 소스코드>

Hanna
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
font-family: 'Hanna', serif;

Jeju Gothic
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
font-family: 'Jeju Gothic', serif;

Jeju Hallasan
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
font-family: 'Jeju Hallasan', serif;

Jeju Myeongjo
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
font-family: 'Jeju Myeongjo', serif;

KoPub Batang
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
font-family: 'KoPub Batang', serif;

Nanum Brush Script
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
font-family: 'Nanum Brush Script', serif;

Nanum Gothic
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: 'Nanum Gothic', serif;

Nanum Gothic Coding
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
font-family: 'Nanum Gothic Coding', serif;

Nanum Myeongjo
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: 'Nanum Myeongjo', serif;

Nanum Pen Script
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
font-family: 'Nanum Pen Script', serif;

관련자료

댓글 0
등록된 댓글이 없습니다.

최근글


새댓글


  • 글이 없습니다.
알림 0