[웹폰트] 본고딕 웹폰트 적용하기
구글과 Adobe에서 무료로 제공하는 본고딕 폰트입니다.
1. 다운로드 사이트 : https://www.google.com/get/noto/#sans-kore
다운로드 받아서 압축을 풉니다.
이 폰트는 중국, 일본, 한국어가 다 적용된 폰트입니다.
다운로드 받으면 용량이 조금 큽니다.
2. KR만 웹폰트를 적용해 봅니다.
아래 링크로 접속해 봅니다.
https://fonts.google.com/earlyaccess#Noto+Sans+KR
3. 적용방법
- common.css
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*reset css*/
body{font-family: "Noto Sans KR", sans-serif; font-size:14px;}
- index.html
<!DOCTYPE html>
<html lang="ko">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta id="viewport" content="width=1124, user-scalable=yes" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>sample</title>
<link rel="stylesheet" type="text/css" href="common.css">
</head>
<body>
<h2>기업직무교육 솔루션</h2>
<p>기업직무솔루션은 추가로 다양한 부가 혜택 서비스를 제공합니다.</p>
</body>
</html>
[첨부파일]
common.css
index.html[웹폰트] 본고딕 웹폰트 적용하기
'programming > jsp' 카테고리의 다른 글
| swiper 슬라이더 참고 (0) | 2018.07.27 |
|---|---|
| [jsp] 구글 지도 embed 약도 찾아오는길 넣기 (0) | 2018.07.05 |
| [jsp] jsp 파일 변경 (0) | 2017.09.25 |
| [jsp] jsonp 테스트 (0) | 2016.12.19 |
| [jsp] 업로드 버튼 file 숨기기 (0) | 2016.12.04 |