일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- jobtoy
- 리브레캐드
- 오라클
- 강좌
- s4a
- 스크래치
- 유니티
- 설정
- 잡토이
- MSSQL
- jsp
- 운정
- 라즈베리파이
- 아두이노
- Android
- 예제
- Spring Security
- html5
- Unity
- 잡토이 메이킹 코딩 학원
- 시작하기
- 톰캣
- oracle
- mysql
- 코딩
- tomcat
- 설치
- 안드로이드
- 파주
- librecad
- Today
- Total
랩제이
[웹폰트] 본고딕 웹폰트 적용하기 본문
[웹폰트] 본고딕 웹폰트 적용하기
구글과 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>
[첨부파일]
[웹폰트] 본고딕 웹폰트 적용하기
'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 |