Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 26, 2021 at 11:06 pm #1307543
    designyvr

    Hi, This is a follow up to the thread below, creating a new one here because the thread is closed to replies:

    https://kriesi.at/support/topic/webfont/

    I’ve followed your instructions; the webfont appears in Chrome on Mac but not in Safari and Firefox. Could you please advise on how to get the font to appear in these other browsers?

    The font should apply to all headers. It’s the same as the one used in the logo.

    I’ve been troubleshooting in different ways but can’t figure it out. The font downloads fine as a file and the syntax seems to be right (please let me know if not!).

    Thank you so much for your advice!

    June 28, 2021 at 3:59 am #1307639
    Nikko

    Hi designyvr,

    Can you try to follow the solution posted on this thread: https://kriesi.at/support/topic/imported-adobe-webfont-without-effect/#post-1295055
    Since you already have the WOFF file, you can use that to convert to other formats.
    Hope this helps and just let us know if there are instructions that might not be clear.

    Best regards,
    Nikko

    June 30, 2021 at 1:00 am #1308015
    designyvr

    Hi Nikko,

    Thank you so much for your advice! I did the conversions as you recommended and see that the font is mostly working in Safari and Firefox, thank you!

    The font is working when I choose it in Advanced Styling (H1, H2, H3). However, for some items like the buttons and the image text overlay, it’s not showing, even though I’ve specified it in the Quick CSS. I’ve included the Quick CSS below.

    For the buttons, I’ve specified the webfont in the Advanced CSS as well, and that’s not showing.

    Could you please advise on how I can get the font showing for those areas (and other areas of the site that are not available through Advanced Styling)?

    Thank you very much Nikko!

    June 30, 2021 at 12:42 pm #1308111
    Nikko

    Hi designyvr,

    You’re welcome :)
    I have checked your site and I could see the font rendering properly (please see the screenshot on my end in private content).

    Best regards,
    Nikko

    June 30, 2021 at 7:32 pm #1308202
    designyvr

    Thanks Nikko!

    Yes, the font is rendering properly in some places. In those places, I’ve selected the font within Advanced CSS (H1, H2, H3, for example).

    There are some areas that are not rendering properly. I’ve included a screenshot with those areas circled in red in the Private Data area. These are showing a different font form the Webfont.

    I tried selecting the font for some of these areas in Advanced CSS, but it’s not working.

    For some areas that are not updated through Advanced CSS, such as the image overlay text, how I can update the webfont in the CSS?

    Thank you so much Nikko!

    July 1, 2021 at 4:31 pm #1308338
    Nikko

    Hi designyvr,

    I see, the one that was rendering is the Poiret One font.
    I tried to grab the botanica font in the Media Library and re-uploaded it but it does not seem to do anything as well.
    Another thing I did was to create a simple HTML file and use the botanica font but it’s not working, I believe the font files maybe partially corrupted.
    Can you give us the original font file, you can upload it in the Media Library and we’ll get it from there or you can upload it in https://ufile.io/ then post the link in private content.

    Best regards,
    Nikko

    July 1, 2021 at 4:39 pm #1308340
    designyvr

    Thank you for your message Nikko!

    Media Library would not allow the upload, so I tried your suggestion. Please see the private content area.

    I look forward to your advice!

    July 2, 2021 at 4:34 pm #1308527
    Nikko

    Hi designyvr,

    Thanks, I have re-uploaded the font.
    Please review your site.

    Best regards,
    Nikko

    July 3, 2021 at 8:44 pm #1308595
    designyvr

    Hi Nikko, Thanks for doing that!

    There are some elements in Advanced Styling section where I’ve chosen the font, but it’s not showing.

    For example, the Menu Links in overlay/slide out and buttons are not showing the font. How can we get the font to show?

    For some areas that are not updated through Advanced CSS, such as the image overlay text, how I can update the webfont in the CSS? I have specified using the font in the Quick Styles, but they are not showing there either.

    I’ve included the previous screenshot to point out these items, hope this helps!

    Thank you for your thoughts Nikko!

    July 6, 2021 at 7:21 am #1308881
    Nikko

    Hi designyvr,

    I have made some changes in your site.
    In Advanced Styling, I added the Botanica font in Main Menu Links.
    Please review your site and let us know if you need further assistance.

    Best regards,
    Nikko

    July 6, 2021 at 8:54 pm #1308973
    designyvr

    THANK YOU Nikko!!! Thank you so much for your expertise and your help, the font looks fantastic!! I highly appreciate it, you’re the best!!

    July 7, 2021 at 7:13 am #1309041
    Nikko

    Hi designyvr,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adding a Webfont?’ is closed to new replies.