![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
October 11, 2016 at 12:24 pm #697766
I added a google font (Heebo) to my site with the action as suggested here:
https://kriesi.at/support/topic/add-new-font/#post-234710Problem is that it works only on Google chrome, but on other browsers (I tried IE, Edge and Safari on MAC) it seems like the font doesn’t load and “Arial” is displayed instead.
I also added these lines to the Quick CSS part in the theme settings:
@import url(//fonts.googleapis.com/css?family=Heebo:400,500,700&subset=hebrew); /*הגדרת פונט ל-HEEBO*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ font-family: 'Heebo', Arial, sans-serif; }
But it seems like it doesn’t help.
Do you know how to fix the problem and make the font displayed on all platforms?
October 12, 2016 at 2:14 pm #698278Hey barak97,
Try to remove “Arial” from your code. Clear browser cache and hard refresh a few times.
I noticed that you are using a caching plugin. Would you mind opening your plugin’s settings page and temporarily deactivate the caching of your site? Then please try to clear your browser cache and hard refresh the site (Hold CTRL + SHIFT + RELOAD) to see if that solves the issue.
Best regards,
AndyOctober 12, 2016 at 10:20 pm #698549I removed “Arial” from the code.
I forgot to mention in my first message, but I obviously selected “Heebo” as the default font in the theme options.I turned off the cache plugin and followed your instructions, but the font still was Arial when I used IE and Edge… :(
October 14, 2016 at 12:28 pm #699073Hi,
did you switch off the caching function of your cache plugin, before deactivating the plugin itself? this is crucial, otherwise caching will still go on.
Please check on another computer as well.
Best regards,
AndyOctober 15, 2016 at 11:43 am #699351I use WP-ROCKET, and I didn’t see a way to disable the caching function for the whole site, but only for certain pages.
So I disabled the caching for the page that is in the Private Content section (The 404 error page), and it seems like the problem still occurs.October 15, 2016 at 7:05 pm #699399Hey!
Your site seems to be cached and that cache is not allowing your changes to go live.
Can you please disable WPRocket while you work, so we can also be able to help you?Thanks a lot
Cheers!
BasilisOctober 16, 2016 at 3:28 pm #699615Hi,
Now the caching is supposed to be disabled.
-
This reply was modified 7 years, 10 months ago by
barak97.
October 19, 2016 at 5:09 am #700983Hi,
The font file is loaded when I checked the page on Firefox and Chrome.
<link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Heebo' type='text/css' media='all'/>
Are you familiar with browser inspector or “view page source”? Let us know if you can find that line in those browsers.
Best regards,
IsmaelOctober 23, 2016 at 9:06 am #702947Hi, of course it works on chrome… This is not the problem! See first message.
October 25, 2016 at 7:42 am #703622Hi,
Yes, I know that it is working on Chrome. That’s why I asked you if you can find that line on Firefox or Safari or any browsers except chrome. Please let us know if you can find that line on those browsers.
Best regards,
IsmaelOctober 25, 2016 at 8:17 am #703633Hi,
Please try this code in the functions.php file.
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Heebo'] = 'Heebo:400,500,700&subset=hebrew'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_content_font'); function avia_add_content_font($fonts) { $fonts['Heebo'] = 'Heebo:400,500,700&subset=hebrew'; return $fonts; }
Set the font in the Enfold > General Styling > Fonts panel.
Best regards,
IsmaelNovember 4, 2016 at 12:47 pm #708155Thanks, Ismael!
Looks like it works now :)November 5, 2016 at 7:13 am #708574 -
This reply was modified 7 years, 10 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.