Viewing Google Fonts Not behaving

Google Fonts Not behaving



User: Trevor Allan D. 7 years ago
HI,
I've changed the fonts on our website from Trebuchet and Times New Roman to two Google Fonts). Now I'm having trouble with fonts being substituted and even disappearing when viewed on FireFox. It's OK on Chrome and Safari…

Anyone with an inside view of how these work in EverWeb/Firefox? I'd be glad of some pointers toward solving this .

Many Thanks
Trevor

PS, I've added some h1 and h2 tags, and this seems to be where the problem started.
User: Roddy 7 years ago
Can you post the URL to a published page showing the problem?

-------------------------------
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.
User: Trevor Allan D. 7 years ago


Hi Roddy, Thanks for the prompt reply.
This is the home page. It appears as designed when viewed with Chrome, but with incorrect fonts in FireFox. The problem is restricted to the h1 and h2 text in the body, and the navigation bar and telephone number in the header section. The correct font appears on the text links overlaid on the photos at the bottom of the body.

This is happening throughout the site.

Trevor
(Berkhamsted, Herts)
User: Roddy 7 years ago
You need to post a link to the page so that I can look at the source code.

-------------------------------
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.
User: Trevor Allan D. 7 years ago
Sorry…

url=http://www.gillyflower.org.uk]
User: Roddy 7 years ago
It looks the same to me. In both browsers, the h1 font, for example, is Cinzel.

Did you clear the history in Firefox before viewing?

-------------------------------
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.
User: Trevor Allan D. 7 years ago
Yes, I've cleared the cache every time, Other alterations are registering (e.g, changes of text colour) when I publish but this Cinzel font isn't. On the advice from the Mozzilla forum, I've had a glance at my Firefox console css Styler Editor page and I can see both Cinzel and Raleway there along with many other fonts which aren't intentionally being used in this page, or any others on this website.
I didn't mention that I'm still on OS 10.6.8 and that I'm using FireFox 48.0.2. I hope to be using a newer Mac very soon which will allow upgrades to java script versions etc.
Thanks for taking the time to help with this.
User: Roddy 7 years ago
This is the code you have for the h1 heading...

<h1 style="text–align:Center;font–family:'Cinzel–Bold','Cinzel','Helvetica';font–size:24px;color:#FFFFFF;font–weight:normal;margin:0">Gillyflower is a florist with a difference:</h1>


More accurate would be this ...

<h1 style="font–family:Cinzel, helvetica, sans–serif;font–size:24px;color:#FFFFFF;font–weight:normal;font–style:normal;margin:0;padding:0;line–height:24px;text–align:center;letter–spacing:0">Gillyflower is a florist with a difference:</h1>


I've added a few extra selectors for font style, padding, line height and letter spacing in case anybody else wants to know how to set out an inline style.

It's more efficient to put the styles in the page or site wide Head Code box like this...

<style type="text/css">
h1{font-family:Cinzel, helvetica, sans-serif;font-size:24px;color:#000000;font-weight:normal;font-style:normal;margin:0;padding:0;line-height:24px;text-align:center;letter-spacing:0}
</style>

... and enter the HTML like this ...

<h1>Gillyflower is a florist with a difference:</h1>


Last edit 7 years ago

-------------------------------
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.