Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1208133
    koosang153
    Participant

    Hello,

    I need to have chinese characters for navigation bar.
    And it seems like the default English setting font is keep on applying to the navigation bar.

    where should I put this?? I tried to put it at the customize css, it didn’t work.

    Font-family: Hei, Microsoft YaHei, Sim Sun, serif;

    Please help!

    #1208205
    Nico
    Moderator

    Hi There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1208227
    koosang153
    Participant
    This reply has been marked as private.
    #1208522
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .x-nav-wrap .x-nav > li > a {
        Font-family: Hei, Microsoft YaHei, Sim Sun, serif;
    }

    Hope that helps.

    #1208679
    koosang153
    Participant
    This reply has been marked as private.
    #1208685
    Christopher
    Moderator

    Hi there,

    You need to specify the font in your CSS, please add following code in Customize -> Custom -> Global CSS :

    @font-face {
        font-family: 'FontName';
        src: url('http://yoursite.com/fonts/fontname.eot');
        src: url('http://yoursite.com/fonts/fontname.eot?#iefix') format('embedded-opentype'),
            url('http://yoursite.com/fonts/fontname.woff') format('woff'),
            url('http://yoursite.com/fonts/fontname.ttf') format('truetype'),
            url('http://yoursite.com/fonts/fontname.svg#fontname') format('svg');
    }

    Hope it helps.

    #1208687
    koosang153
    Participant
    This reply has been marked as private.
    #1208705
    Christian
    Moderator

    You have this code in your CSS

    .x-navbar .x-nav-wrap .x-nav > li > a {
        Font-family: Helvetica, "Microsoft JhengHei", "Heiti TC", san-serif;
    }

    Change it to

    .x-navbar .x-nav-wrap .x-nav > li > a {
        font-family: "FZDBSJW", "Microsoft JhengHei", "Heiti TC", san-serif;
    }

    And, put your @font-face code at the top, above all CSS.

    Thanks.

    #1208721
    koosang153
    Participant

    It’s still not working..
    Is it because of the plugin I installed??

    this is the plugin I downloaded..
    https://ko.wordpress.org/plugins/wp-sinotype/other_notes/

    it’s under Appearance -> WP sinotype

    Please help! thank you!

    #1208724
    Christopher
    Moderator

    Hi there,

    Please provide us with FTP credentials.

    Thanks.

    #1208730
    koosang153
    Participant
    This reply has been marked as private.
    #1208738
    Christopher
    Moderator

    Hi there,

    I’m not able to connect to FTP due to following error :

    Error: Failed to retrieve directory listing

    Please check.

    Thanks.

    #1208745
    koosang153
    Participant
    This reply has been marked as private.
    #1208786
    koosang153
    Participant

    Would you please try again? and see what’s causing the issue?

    sigh…thank you. I am always so greatful for you guys’ support!!
    Let’s me know how to code to fix the issue.

    #1209102
    Rad
    Moderator

    Hi there,

    I can’t really tell the difference, switching on and off the font family only changes the weight. Though, through developer tools, I can confirm that the font isn’t loading (Network > Fonts).

    I moved the @font-face declaration on child theme’s functions.php to isolate them from other CSS. Have you bought this font? Do they have special instruction or stylesheet folder? It not, please convert your fonts to web font here https://www.fontsquirrel.com/ the upload your font files to your site including the stylesheet. Then let me know for further testing.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1208133 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>