Home 게시판 커뮤니티 Q&A 익스플로러 폰트 호환문제

3개 답변, 4 voices Last updated by Avatar of 워드크래커워드크래커 5 years, 6 months 전
  • Avatar of laurenlauren
    Participant
    @yeasul001
    #53339

    안녕하세요!

    워드프레스로 여러 홈페이지를 만들어봤는데 폰트를 정복하지못해 만들때마다 고생을하고 있는 한 초심자입니다.

    저는 주로 salient 라는 theme을 사용해 홈페이지를 만들고,  그 테마에는 폰트를 설정하는 탭이 있어 그렇게 폰트를 지정해왔는데,

    익스플로러에서는 모두 굴림체로…(굴림지옥….;-; ) 나오더라구요 이 문제를 어떻게 해결할 수 있을지 여러 해결방안들을 찾아봤지만

    (로켓폰트를 써본다거나.. 등등의) 해결되지 않아 여기에 이렇게 글을 올리게 되었습니다.

    일단 제가 잡고있는 홈페이지는 http://cafedexter.com/ 입니다.

    읽어주셔서 감사합니다 🙂

    Avatar of oksambarioksambari
    Participant
    @oksambari
    #53345

    저 같은 경우는

    테마에서 폰트 지정할 때 아마조 끝에    , sans-serif;  같은 거로 끝마치지 않고  바로 폰트명만 지정을 했을 경우더라고요

    (ie에서는 이렇게 하면 폰트 적용이 제대로 안 됨)

     

    테마에서 옵션에 따라 폰트 지정하는 스타일 부분이 있을 겁니다.

     

    찾아서     , sans-serif !important;   로 끝나는 거로 다시 정의하시면 될 거예요

    Avatar of oksambari
    Publishing Homepage [&] Blogging about WP.
    Wordpress를 워드프레스답게!
    Avatar of 굿프레스굿프레스
    Participant
    @onthenature
    #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/ */

    Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #53381

    안녕하세요?

    다른 방법으로 안 되면 플러그인을 사용하는 방법이 있습니다.

    Use Any Font라는 플러그인을 사용하면 사용자 폰트를 설치하여 적용할 수 있습니다.

    Use Any Font

    다음 글을 참고해보세요.

    https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4%EC%97%90%EC%84%9C-%EC%82%AC%EC%9A%A9%EC%9E%90-%ED%8F%B0%ED%8A%B8-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/

     

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

4 글 보임 - 1에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.