Viewing User Font Issue

User Font Issue



User: Les C. 6 years ago
I have having an issue with a user-supplied font displaying properly in Firefox.

It works fine in Safari, Opera, and Google Chrome.

I've added the font to EverWeb's Asset window. I've also put the following text into Head Code window in EverWeb's Site Publishing Settings:

[code]<style>

@font-face {
font-family: "Arno Pro";
src: url("{!-ASSETSPATH-!}External%20Files/ArnoPro-Light36pt.otf");
}

@font-face {
font-family: "Arno Pro Italic";
src: url("{!-ASSETSPATH-!}External%20Files/ArnoPro-LightItalic36pt.otf");
}

</style>[/code]

Any ideas why the font is not working in Firefox?


Thanks,

LC
User: Les C. 6 years ago
Found the issue. Apparently Firefox needs the full font name with spaces and no hyphens: font-family: "Arno Pro Light 36pt".
✔ Best Answer  
User: Roddy 6 years ago
It is a bit confusing. Googel actually tells us to use a + instead of a space but that doesn't work in EverWeb.

When using a Google font you should also add a web safe fallback font or, at least, the generic group.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.