-
Posts
-
Hi,
It seems I’m having trouble with getting Oswald font to show up in the theme: https://staging.expresswriters.com on FireFox and IE.
My main goal is to import @fontface Oswald Light – since Google doesn’t seem to support this version, all though I’ve been able to call it in like this: font-family:
'Oswald-Light',sans-serif;it’s still not showing up on Firefox or Internet Explorer.Also, here’s my @fontface:
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {font-family:”Oswald Light”;
src:url(‘https://staging.expresswriters.com/wp-content/fonts/oswald-light.eot’) format(‘eot’),url(‘https://staging.expresswriters.com/wp-content/fonts/oswald-light.woff’) format(‘woff’),url(‘https://staging.expresswriters.com/wp-content/fonts/oswald-light.ttf’) format(‘truetype’),url(‘https://staging.expresswriters.com/wp-content/fonts/oswald-light.svg’) format(‘svg’);font-weight:normal;font-style:normal;}I’m not really sure why this is working. :(
Thanks,
JoshHi Josh!
Which elements are supposed to be set to Oswald Light on your website? i couldn’t note them.
Regards,
JosueSpecifically, the font: “Quality Content” on the home page: : https://staging.expresswriters.com.
As far as that goes, Oswald isn’t showing up period on FireFox and IE.
Thanks,
JoshHey Josh!
It’s not working neither in Chrome, and its because the font is not getting included, i’d suggest using this plugin to include a custom font-face: https://wordpress.org/plugins/wp-font-face/
Cheers!
JosueHi Josue,
Enfold should be able to do this out of the box shouldn’t it? It has the option to choose the font. I’m calling it in my CSS, and it’s showing up in chrome on Mac no problem. I do have these fonts on my computer, but regardless, it should show up even without this font CSS plug-in. I even install the font CSS plug-in and installed the fonts inside the “fonts” directory and it still does not work.
I think you guys have my login, can you take a look?
Thanks,
JoshHey Josh!
Actually no, Enfold can only include additional Google fonts out of the box (as you mentioned, Oswald Light is not a Google Font), i believe you are seeing this font correctly rendering on your Mac because you have it installed there, check it on another computer to discard.
Regards,
JosueHi Josue,
I understand about Google Fonts. I don’t know why they don’t support Oswald Light.
This plug-in doesn’t seem to be working. It works on chrome and Safari, but doesn’t render on Internet Explorer or Firefox. I have installed all the font packages.
Hello,
Unfortunately as this is not a Enfold feature i’m afraid we won’t be able to help you with this :(
Regards,
JosueHi Josue,
No big deal. I created a ticket on Google fonts. I really don’t know why they don’t support the lighter version of the font.
I do have another question that’s relative to this: On Safari, the Lato font (body text) is hard to read. Is there some kind of CSS that I can perform that would say: “when on Safari, instead of making all font with 100 weight; make it 300 weight instead?”
Thanks,
JoshHey!
When Enfold is seen on Safari the html element will get the a specific class, for example:
.avia-webkit-6, .avia-webkit-7You can use that to target Safari 6 and 7 only.
Cheers!
Josue
- You must be logged in to reply to this topic.