CDN을 이용한 "pretendard variable" 웹폰트 적용 (성능 최적화 버전)
폰트 적용 코드 페이지 내에 안에 pretendard를 로드해주고,css에서 아래와 같이 적용하면 됨.body,input,textarea,select,button,table{ color: #101010; font-size: 12px; line-height: 16px; font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; font-weight: 500; letter-spacing: -0.4px;} preload 사용 이유를 사용하면 브라..
2025. 4. 18.
나눔고딕 다운(eot, woff, ttf) 및 적용방법 예
[웹폰트 적용방법 예] @font-face{ font-family:ng; src:url(NanumGothic.eot); src:local(※), url(NanumGothic.woff) format(‘woff’) } body,table/*,input,textarea,select,button*/{font-family:NanumGothic,'나눔고딕',ng,sans-serif} [웹폰트 지원 브라우저] ie6~9, FireFox, Chrome, Opera, Safari [나눔고딕다운] (작은용량:동작확인 필요) (작은용량:동작확인 필요) [구글 code] http://code.google.com/p/nanum-web-font/downloads/list [구글 웹폰트 CDN] 나눔폰트는 구글에서도 웹폰트 CDN..
2012. 8. 23.
