01 나눔바른고딕 css 적용하기 나눔바른고딕을 워드프레스에 적용하기 위해서 해당 테마 style.css 파일 상단에 다음 코드를 넣습니다. css에 익숙하지 않은 분들은 다음 코드에서 “./asset/fonts/NanumBarunGothic.eot” 이런 경로 부분에 신경 쓰셔야 합니다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
@font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 400; src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular'); src: url(./asset/fonts/NanumBarunGothic.eot); src: url(./asset/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(./asset/fonts/NanumBarunGothic.woff) format('woff'), url(./asset/fonts/NanumBarunGothic.ttf) format('truetype'); } @font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 700; src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold'); src: url(./asset/fonts/NanumBarunGothicBold.eot); src: url(./asset/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), url(./asset/fonts/NanumBarunGothicBold.woff) format('woff'), url(./asset/fonts/NanumBarunGothicBold.ttf) format('truetype'); } |
02 나눔바른고딕 서버에 업로드하기 위 코드의 css 경로와 같은 위치에 다음 코드를 업로드 하세요. 이미 만들어 놓은 분이 있어서 링크로 대체 합니다. 상세한 설명도 같이 있으니 참고하시기 바랍니다. 그냥 따라하기로 마무리 하고 싶은 분들은 본 글을 읽고 따라하시는게 쉬울 수 있습니다. 다운로드 바로가기 위 링크의 페이지에서 우측 하단 Download Zip… 더 보기