Home › Forums › JOOP WordPress theme › Google Webfonts issue with Latin Ext. letters
- This topic has 1 reply, 2 voices, and was last updated 9 years, 12 months ago by Anonymous.
-
AuthorPosts
-
-
at #63232DrSEOMember
Hi!
I installed a Joop theme on a hungarian language site, and in Theme Typography options I left selected fonts on Archivo Narrow (as initially), because it has latin-ext type.
After then I checked “common” hungarian full special letter test example “árvíztűrő tükörfúrógép” words, and I realised, that problematic chars “űő” was replaced to browser default fonts (see attached screenshot).
I checked generated code and I found, that Google Webfont integration was implemented one part by http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js?ver=3.8.1, and second part by common html method <link rel=’stylesheet’ id=’open-sans-css’ href=’//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1′ type=’text/css’ media=’all’ />.
The last one contains needed latin ext setting, but I cannon find in documentation (both of yours and webfont.js too), how can I set it globally.Can you please help me, how can I include Google Webfonts with latin-ext subset?
Kind regards,
JozsefAttachments:
-
at #63238AnonymousInactive
Hi DrSEO,
Thanks for pointing this out to us. I’ll go ahead and send this through to our development team for them to review what could be causing this.
At this point, I personally don’t know the answer either.The font indeed appears to contain the required characters ( including “űő” ).
I’ll get back to you on this.
Kind regards,
Kevin -
at #63327AnonymousInactive
Hi Jozsef,
One of our developers has taken a look at this for you and right at this moment, this should be the easiest way of getting it to work
1.) Go to https://www.google.com/fonts and select the font you need
2.) You can then follow the link to quick-use (small icon on the right [->]
3.) Use the @import method; provided in the second tab of step 3
for example: @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400&subset=latin,cyrillic-ext,greek,cyrillic);4.) and place the above @import code in style.css with the other @imports (around line 20)
I hope this helps,
Kind regards,
Kevin
-
-
AuthorPosts
- You must be logged in to reply to this topic.