Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 30, 2021 at 7:14 pm #1297624
    sitesme

    Hello

    I am facing a problem that I never saw before.

    Our site is using Palatino font and it shows perfectly fine in all iOS/macOS devices.
    However, in Windows, the font that is loading is not Palatino but Helvetica.

    I am assuming that Palatino is not installed on Windows by default and this is the reason why it is not loading?
    Is there a way to “force” Palatino to load on Windows devices? I didn’t want to go through the Google fonts list to find a similar font since this one is exactly what we want.

    Any idea on how to get this fixed? Site link in private.

    Thank you

    May 3, 2021 at 7:16 am #1297919
    Rikard

    Hey sitesme,

    I would assume that the font in question is not installed on the machine where it’s not loading. Please try uploading the font to your server, then import it using CSS: https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

    Best regards,
    Rikard

    May 3, 2021 at 7:42 am #1297921
    sitesme

    Hi Rikard.

    The strange part is that Palatino is in the “Websafe Font” list, but it definitely doesn’t open on Windows.

    Either way, I imported the font and it is now showing in my font list on Enfold.
    How exactly do I import it? I didn’t understand from the link you sent me.

    The source code shows “palatino-font-free-custom palatino-font-free”

    The URL is in the previous post in private.

    Thank you

    May 4, 2021 at 6:10 am #1298154
    Nikko

    Hi sitesme,

    I have checked your site and it seems to show Palatino Font correctly.
    Do you still need further assistance?

    Best regards,
    Nikko

    May 4, 2021 at 10:02 am #1298234
    sitesme

    Hi Nikko
    Unfortunately not.
    Please check the sshot below. The font is not loading for some reason. I don’t think I am pulling the font correctly.

    It is loading in some devices but not in all.

    May 4, 2021 at 12:55 pm #1298263
    Nikko

    Hi sitesme,

    I see, can you try to use the zip file (link in private content).
    It contains all font format: EOT, SVG, TTF, WOFF, WOFF2
    Just upload in Enfold > Import/Export > Custom Font Manager.
    Then use it in Enfold > General Styling > Fonts (tab) > Heading Font or Font for your body text, it is listed last in the dropdown.
    Hope this helps.

    Best regards,
    Nikko

    May 4, 2021 at 1:00 pm #1298265
    sitesme

    Thank you Nikko.

    The font import on Enfold is easy task, but, do I still need to load the font somewhere through CSS? I had this in the custom CSS section:

    /* Custom Font Palatino */
@font-face {
  font-family: palatino-font-free;
  src: url(https://mysite.com/wp-content/uploads/avia_fonts/type_fonts/palatino-font-free/palatino.ttf);
}
body * {
font-family:"palatino-font-free" !important;
}
    May 4, 2021 at 3:27 pm #1298314
    Nikko

    Hi sitesme,

    Only having TTF font format causes the issue you mentioned that its not rendering to other devices.
    With the method I mentioned, it would ensure it would work in all devices.
    But if interoperability is not an issue then it’s all good.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.