Custom font doesn’t display

  • Resolved bymartinab

    (@bymartinab)


    2 years, 4 months ago

    Hey everyone 🙂 I’m new and have no experience programming, so I’m hoping for some advice here that helps me fix my problem 🙂

    I set up my WordPress page with the Neve theme, a few available starter pages and used the orbit fox plugin to add two custom fonts (“LunafreyaRegular-AnJA” for headlines of any kind via a ttf file and “CCMetconScaled-Regular” for the text body, buttons and anything else via an otf file). I added the custom fonts in the template of the pages in the general settings and also added them in the subsettings (like as in headline 1, Headline 2, text body and so on). As a fallback, I had to set a standard font.

    However, the custom don’t get displayed properly over the entire website. The CCMetcon font is only displayed on Mac in Google Chrome… on Safari Mac and iPhone as well as chrome and Firefox on iPhone, the fallback font is displayed. The Lunafreya font doesn’t get displayed in any browser, it just shows the fallback font straight away.

    Why? I can’t find the problem 🙁 What I did already: check if any of the plugins are the problem (no, deactivated and reactivated them one by one), empty the browser caches (did nothing), check if the plugin itself works (yes), check if I set the fonts up in the templates (yes), check if I chose the correct templates on the pages (yes).

    I found a few pages that had some kind of html (?) or css (?) code, but I don’t know anything about this, so I could neither check nor implement that.

    What else can I do? Why doesn’t it work? I’d appreciate help so much. Thank you! And please ignore the state of the page, I’m still in the middle of setting it up and only put it to live so that any kind soul can help me fix this. I’ll put it back to invisible mode later.

    • This topic was modified 2 years, 4 months ago by bymartinab. Reason: spelling, additions

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator threadi

    (@threadi)

    2 years, 4 months ago

    The font that is not loaded is loaded via http instead of https. Therefore its integration is faulty. You seem to have entered it manually, so take a look at the URLs it contains.

    A faulty code from your page:

    @font-face { font-family:CCMetconScaled-Regular;src:url(http://emhumphrey.de/wp-content/uploads/2023/12/CCMetconScaled-Regular.otf) format('opentype');font-display: auto;}

    Correct would be:

    @font-face { font-family:CCMetconScaled-Regular;src:url(https://emhumphrey.de/wp-content/uploads/2023/12/CCMetconScaled-Regular.otf) format('opentype');font-display: auto;}

    Even better:

    @font-face { font-family:CCMetconScaled-Regular;src:url(/wp-content/uploads/2023/12/CCMetconScaled-Regular.otf) format('opentype');font-display: auto;}
    Thread Starter bymartinab

    (@bymartinab)

    2 years, 4 months ago

    @threadi thank you so much, the CCMetcon works now! 🙂 Lunafreya still doesn’t, though. Is anything specific faulty with it? EDIT: SOLVED, it was the fonts name that was faulty. Thank you again so much, you just solved a problem I’ve spent like three hours with yesterday. You’re awesome 🙂

    • This reply was modified 2 years, 4 months ago by bymartinab.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom font doesn’t display’ is closed to new replies.