-
2018/09/11 4:16 오후 #53339
안녕하세요!
워드프레스로 여러 홈페이지를 만들어봤는데 폰트를 정복하지못해 만들때마다 고생을하고 있는 한 초심자입니다.
저는 주로 salient 라는 theme을 사용해 홈페이지를 만들고, 그 테마에는 폰트를 설정하는 탭이 있어 그렇게 폰트를 지정해왔는데,
익스플로러에서는 모두 굴림체로…(굴림지옥….;-; ) 나오더라구요 이 문제를 어떻게 해결할 수 있을지 여러 해결방안들을 찾아봤지만
(로켓폰트를 써본다거나.. 등등의) 해결되지 않아 여기에 이렇게 글을 올리게 되었습니다.
일단 제가 잡고있는 홈페이지는 http://cafedexter.com/ 입니다.
읽어주셔서 감사합니다 🙂
2018/09/21 2:44 오전 #53380안녕하세요.
제가 하는 방법을 말씀드리겠습니다.
웹폰트를 다운받은 후 웹폰트는 FTP를 사용하여 새폴더를 만들어 올립니다.
그리고 테마수정에서 CSS넣는 부분이 있을거에요 그 부분에
@font-face {
font-family: ‘notokr-regular’;
src: url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.eot’);
src: url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.eot?#iefix’) format(’embedded-opentype’),
url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.woff2’) format(‘woff2’),
url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.woff’) format(‘woff’),
url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.ttf’) format(‘truetype’),
url(‘/wp-content/languages/fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}이렇게 넣어주시고
바꾸고자 하는 곳에 폰트를 적용시켜주면 됩니다.
예를 들어 메뉴를 바꾸고자 한다면
#header-outer.transparent header#top nav > ul > li > a { font-family: ‘notokr-regular’ !important}
이렇게 넣어주면 됩니다.
웹폰트가 필요하시면 goodpress24@gmail.com으로 메일주시면 보내드리겠습니다~
적용사이트:
/* http://estate114.net/ */
/* https://www.ktpay.co.kr/ */
2018/09/21 8:55 오전 #53381안녕하세요?
다른 방법으로 안 되면 플러그인을 사용하는 방법이 있습니다.
Use Any Font라는 플러그인을 사용하면 사용자 폰트를 설치하여 적용할 수 있습니다.
다음 글을 참고해보세요.
-
AuthorPosts
- 답변은 로그인 후 가능합니다.