Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1212958

    Hi Folks,

    new little font-problem. I loaded new fonts into Enfold without a problem,
    but they’e not shown up in the frontend. Also in the small backend-preview
    they’re not shown up! Please take a look at the screenshots.

    I’ve got absolutely no idea what the reason for this is. ;-/ I hope you know it!
    Maybe the best is to look directly in the backend?

    Best regards
    Carsten

    #1214521

    Hey Carsten,

    Thank you for the inquiry.

    Where did you get the fonts? Please note that you can only upload fonts from Google. If you have a custom font from a different source, try to manually add them using the @font-face rule.

    // https://css-tricks.com/snippets/css/using-font-face/

    Best regards,
    Ismael

    #1214717

    Hey Ismael,

    thx for your answer!

    Good information! I didn’t know that I only can upload Google-fonts.
    Not nice but ok…now I know it. Why you didn’t write that on the
    documentation-page? That’s a really important information! (in my opinion)

    I’ll try now your tipp to use the “@font-face rule”…hope it works. Until I tried
    please let the thread open…thank you!

    Best regards
    Carsten

    #1216037

    Hi,

    Alright. Let us know if you need further help. We’ll keep the thread open.

    Best regards,
    Ismael

    #1222496

    Hi Ismael,

    now I tried the “@font-face rule“ and I thought I did it right but unfortunately
    the font doesn’t appear in the backend. By the way – where does the font
    should appear? In the tab “fonts“ at the bottom in the “general stylings“?

    Please take a look at the screenshots – on the first you see the style.css with
    the font-rules. Are they ok? On the second you see the wp-path. So, where
    is the mistake?

    Best regards
    Carsten

    #1222556

    Hi Carsten,

    Thanks for the update. If you add a font using CSS then it won’t show up in the theme options, and you would need custom CSS in order to display it on your site. If you want to change the h1 element for example, the CSS would look like this:

    h1 {
      font-family: 'InfoTextWeb_W04';
    }

    If you can’t get it to work then you might have to change the URL for the font to the full URL, like https://your.site/folder/fonts/font-name.ttf
    Best regards,
    Rikard

    • This reply was modified 4 years, 3 months ago by Rikard.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.