Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1092953

    Hi, I am trying to add Google font ( noto sans tc ) to Enfold theme.
    I already study the document : https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts
    , and upload the .woff file successful. When I use that custom font in title, body….etc, but nothing change.
    Do I miss any procedure?

    Best Regards.

    #1092973

    Hi

    I always create a new folder called fonts in my root directory and upload the font files there.
    A good resource to help you is Google webfonts helper (Noto Sans TC is already selected).

    Secondly, you need to include the @font-face arguments (see link above) into your root CSS file.
    Last but not least (and you might be missing this one currently) you have to call the CSS file within your header.php like this in case your CSS file is called fonts.css:
    <link rel="stylesheet" type="text/css" href="/fonts.css">

    Hope that helps. Oh and don’t forget to flush your cache at the end.

    Cheers
    Michael

    #1093248

    Hi,

    Thanks for helping out @michaelH, did you try that out @thomasvr4?

    Best regards,
    Rikard

    #1094316

    Hi, Michael

    My problem had been solved. Thank you very much.
    Here is my step
    1. Using Google webfonts helper to create a ZIP file.
    2. Upload ZIP using Enfold > Import/Export > Custom Font Manager.
    3. Create a file named fonts,css, and copy/paste code into fonts.css file.
    4. Copy/paste below code into header.php between <head></head>
    <link rel=”stylesheet” type=”text/css” href=”/fonts.css”>
    5. Upload fonts(folder), fonts.css, header.php to server.
    6. Use Enfold > General Styling > Fonts, select uploaded fonts.
    7. Clear Cache. Done.

    I also found another easy way to change fonts.
    Add below css code using WordPress > Appearance > customize > Additional CSS
    @import url(‘https://fonts.googleapis.com/css?family=Noto+Serif+TC’);
    *{
    font-family: ‘Noto Serif TC’!important;
    }

    #1094317

    Hi, Rikard

    Yes, I tried out the way Michael teached me, and problem had been solved. Thank you very much.

    #1094321

    Hi thomasvr4

    Ah good job – I did not know that this solution works as well.
    Glad it does!

    Cheers
    Michael

    #1094485

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to add Google font ( noto sans tc ) to Enfold theme?’ is closed to new replies.