Recent searches

No recent searches

Custom font not showing

Answered
image avatar

DevCore

Posted Jul 07, 2021

Hello! 

Im new to Zendesk and I am trying to use a custom font.

I have added the fonts in the assets folder, made a @fontface in css file and preload the fonts in head. What am I missing here? 

In network in DevTools I can see the fonts are downloaded. And I can see text have my text has right font-family, but it is not showing.

Thank you in advance // Evelina

0

4

4 comments

Date
    image avatar

    Ifra Saqlain

    Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

    DevCore,

    You have uploaded the font files to the assets folder, made CSS for @font-face and map font-family to the <h> tags and body. So now -

    Once, try to update your @font-face CSS code:

    @font-face {
      font-family: 'ConduitITCW01', 
      src:url($assets-fontfamily-regular-ttf) format("truetype");
      font-weight: 400;
    }

     

    and then check in the application tab under inspect tool:

     

    also you can check this way:

     

    Thanks

     

    Team

     

     

    0

    image avatar

    DevCore

    @... Thank you for your comment!

    Do I need a TrueType Font file for it to work? I do not have it, only woff and woff2.
    I have the font and the diffrent fontweights in the application tab. 

    And it also gets the font family name:

    Thanks

    0

    image avatar

    Ifra Saqlain

    Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

    Hi,

    Please have a look at this chart:

    https://caniuse.com/woff

    0

    image avatar

    DevCore

    Ifra, thank you

    I am using Chrome 92, should be working. 

    0

    Please sign in to leave a comment.

    Didn't find what you're looking for?

    New post