검색결과 리스트
웹폰트에 해당되는 글 1건
- 2017.05.10 웹폰트 사용
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
1. 직접 웹폰트를 서버에 올려서 사용하는 방법
초기에 사용되던 방법으로 직접 eot 파일과 woff 를 웹페이지 서버에 올려서 사용하는 방법이다.
@font-face {
font-family: NanumGothic; // 사용할 폰트명
src: url('directory/NanumGothic.eot'); // eot 포맷
src: local(※), url('directory/NanumGothic.woff') format('woff') // ie9이상은 woff 포맷 적용
}
#test {
font-family: 'Nanum Gothic', sans-serif;
}
2. 구글 폰트 이용
이 방식은 서버에 폰트파일을 올리지 않고, 페이지 로드 시 css파일은 다운로드 하기에, 많은 웹폰트를 지정하면 웹페이지 성능에 영향을 준다.
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#test {
font-family: 'Nanum Gothic', sans-serif;
}
'-- CSS' 카테고리의 다른 글
| css zoom in / out (0) | 2019.04.19 |
|---|---|
| Dynamic Stylesheet Framework - LESS / SASS (0) | 2017.03.23 |
| IE input태그에 나오는 X버튼(clear버튼) 제거 (0) | 2017.03.16 |
| 파이어폭스에서 TEXTAREA Resizing 방지 (0) | 2015.02.05 |
| Skip To Content (1) | 2014.08.25 |
RECENT COMMENT