본문 바로가기
IT

서버에 나눔고딕 업로드 후

by Oh.mogilalia 2021. 8. 9.

@font-face{
font-family:"Nanum Gothic";
local(‘/fonts/NanumGothic’), local(‘나눔고딕’);
src:url('/fonts/NanumGothic.eot');
src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff'), 
url('/fonts/NanumGothic.ttf') format('truetype'); 
url('/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/fonts/NanumGothic.woff') format('woff'); 
}

--------------

@charset “utf-8″
@font-face {
font-family: ‘NanumBarunGothic’;
font-style: normal;
font-weight: 400;
src: local(‘Nanum Barun Gothic Regular’), local(‘Nanum Barun Gothic-Regular’), local(‘NanumBarunGothic Regular’);
src: url(‘/Font/NanumBarunGothic.eot’); /*A*/
src: url(‘/Font/NanumBarunGothic.eot?#iefix’) format(’embedded-opentype’), /*B*/
url(‘/Font/NanumBarunGothic.woff’) format(‘woff’), /*C*/
url(‘/Font/NanumBarunGothic.svg’) format(‘svg’); /*E*/
}
body, div, ul, li
{
font-family: ‘NanumBarunGothic’,sans-serif !important;
}

출처 https://happist.com/523999/xe-tips%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95%EC%9D%84-%EA%B0%80%EC%9E%A5-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

 

[워드프레스 최적화]나눔고딕을 가장 효율적으로 적용하는 방법 | 꿈꾸는섬

웹사이트 폰트로 오래전부터 나눔고딕을 사용해 왔다. 여기에서는 그동안 삽질을 통해서 배운 나눔고딕을 비롯한 웹폰트를 제대로 설치하는 방안에 대해서 알아보자.Ads code goes here 1. 웹폰트를

happist.com

https://minitoy.tistory.com/528

 

생각하는 블로그

미니토이 정리 블로그

minitoy.tistory.com

나눔고딕 다운(eot, woff, ttf) 및 적용방법 예