Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 21, 2017 at 10:30 am #810884
    rieckermann

    Hi,
    I have 6 custom font type (“NotoSans…”). I created font face but when I try to use my font type, it is auto change to Serif font.
    After that, I used ‘Font-Organizer’ plugin for that but it is not working too.
    How can I use my font type? Thanks

    June 22, 2017 at 4:21 am #811305
    Rikard

    Hey rieckermann,

    I’m not sure exactly what you have done and what is not working, how exactly did you import the fonts and what CSS are you using? Please post a link to an example as well so that we can have a closer look.

    Best regards,
    Rikard

    July 4, 2017 at 9:38 am #816217
    rieckermann

    Sorry for reply lately.
    I created a new folder – “fonts” on CSS folder and added my fonts, my font-face file with the below content:

    @import url(‘//fonts.googleapis.com/css?family=Open+Sans+Condensed’);
    @font-face {
    font-family: ‘NotoSans-Regular’;
    src: url(‘/wp-content/themes/enfold/fonts/NotoSans-Regular.ttf’) format(‘truetype’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘NotoSans-Bold’;
    src: url(‘/wp-content/themes/enfold/fonts/NotoSans-Bold.ttf’) format(‘truetype’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘NotoSansCJKsc-Demi’;
    src: url(‘/wp-content/themes/enfold/css/fonts/NotoSansCJKsc-DemiLight.otf’) format(‘otf’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘NotoSansCJKsc-Bold’;
    src: url(‘/wp-content/themes/enfold/fonts/NotoSansCJKsc-Bold.otf’) format(‘otf’);
    font-weight: normal;
    font-style: normal;
    }
    ……
    After that, go to “/wp-content/uploads/dynamic_avia”, updated enfold_zh.css file to update font type for my chinese pages
    body{font-family:’NotoSansCJKsc-Demi’,}

    July 4, 2017 at 11:56 am #816263
    Rikard

    Hi,

    Thanks for that. Could you try using the full URL for the fonts to verify that the path your are using is correct?

    Best regards,
    Rikard

    July 5, 2017 at 5:30 am #816606
    rieckermann

    Thanks for your suggestion. I updated some wrong UR. But it is still not working.

    • This reply was modified 7 years, 4 months ago by rieckermann.
    July 5, 2017 at 6:47 am #816638
    John Torvik

    Hi,

    You can try to use this plugin https://wordpress.org/plugins/use-any-font/

    Best regards,
    John Torvik

    July 5, 2017 at 7:06 am #816642
    rieckermann

    “Use any font” plugin does not work and it is not supported multilanguage.

    July 5, 2017 at 11:58 am #816704
    Rikard

    Hi,

    Ok, please try this in Quick CSS instead:

    body * {
font-family:"NotoSansCJKsc-Demi" !important;
}

    Try it at the top of the box so nothing else interferes. Also, you end CSS statements with semi-colons, not commas.

    Best regards,
    Rikard

    July 6, 2017 at 9:01 am #817092
    rieckermann

    Hi Rikard,
    It doesn’t work. I added your CSS on Quick CSS of Chinese and use “WhatFont” addon of Chrome to test. And font type is Serif – regular:(
    Font Bug

    • This reply was modified 7 years, 4 months ago by rieckermann.
    July 6, 2017 at 7:16 pm #817453
    Victoria

    Hi rieckermann,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    July 7, 2017 at 4:54 am #817585
    rieckermann

    Hi Victoria,
    Please use the account below

    July 8, 2017 at 3:34 pm #818177
    Victoria

    Hi rieckermann,

    Wait, on the screenshot it says serif-regular, but then below the family is correct. Is that not what you’re trying to achieve?

    Best regards,
    Victoria

    July 10, 2017 at 4:50 am #818527
    rieckermann

    Hi,

    I want that my custom font type is used on the website, but as you see another font type is replaced it even if my custom fonts were added on the font-family property.
    I cross-checked on Word, and it has the same result.

    Thanks

    July 10, 2017 at 3:40 pm #818811
    Victoria

    Hi rieckermann,

    Here are some great articles for you:
    https://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/

    How To Set Weights And Styles With The @font-face Declaration

    On the screen shot the font defined by what font is the font set by this rule

    
body * {
font-family:"NotoSansCJKsc-Demi" !important;
}

    Best regards,
    Victoria

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.