Jump to content
Sign in to follow this  
lounge

Arial still displaying in Firefox and IE

Recommended Posts

lounge

Hello, We have build a custom theme, with the font 'HelveticaNeue'. This font is displaying well in Chrome, but somehow this font will being overwrited by the default arial font of Pagelines. Please check the website in FF and check the .css file to see that the the font is Helvetica Neue. How am I able to sort this out?

Share this post


Link to post
Share on other sites
WebWerx
@lounge: I am just wondering how you assigned your fonts. When I look at the site's source code I don't see any font assignments in your dynamic CSS: http://paste.pagelines.com/30b Cool site.

Share this post


Link to post
Share on other sites
lounge
Hey! We have assigned them using the style.css of our child theme. http://cdn.djlounge.netdna-cdn.com/wp-content/themes/pagelines-template-theme/style.css?ver=216-0509150830 Thanks :)

Share this post


Link to post
Share on other sites
WebWerx
@lounge: Indeed! I guess that is why I asked. I took a look at the site in FF and can see that the computed value for the font is what you have defined in your stylesheet: http://cl.ly/3D0A0B393j0G181c1c3t . However, when I compare the FF & Chrome, I can see the succinct difference between the 2. This is interesting as I am struggling with a similar font issue myself and am hoping for some tutelage from the PL gurus. Let's hope someone from PL chimes in soon.

Share this post


Link to post
Share on other sites
catrina
Do you have any other code on your site that is required to display Helvetica Neue? (For example, a script that's supposed to go in the header )

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lounge
@WebWerx - Yeah, that's the strange part of this problem. The thing I don't understand is that the Helvetica Neue has been defined as main font for the website - and will be overwritten by the arial (of Pagelines??). Let's hope we can find a solution for this! @Catrina - As far as I know, no. All sections have been made seperately.

Share this post


Link to post
Share on other sites
Rob
Just out of curiosity, you did or didn't use the Google Fonts plugin from PageLines?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx
@rangelone: Good question (You saw my PM right?) Similar issue as mine (I think).

Share this post


Link to post
Share on other sites
Rob
Okay, here's my guess, for what it's worth. If you're not using the Google Fonts plugin, it's possible Firefox is looking for that font on the local computer rather than sourcing it to Google, where Chrome is of course Google, so it runs home to Mama and finds the fonts in the kitchen. Remember, that's not a default font loaded on every computer, so being rather special, if the browser can't find it on the visitor's machine, it must either look elsewhere or default to a font that is in the same or similar class. Arial, being a version of Helvetica will show as a valid alternate. Make sense? You may simply need a plugin or some custom code to make it apply and unfortunately I don't know enough about coding to help with that in a successful way. You may want to ask for quotes from some of our Pros. http://www.pagelines.com/pros

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx
@rangelone: In his case, the font displays correctly in FireFox and not Chrome..... I checked last evening. So the font is pulling correctly (sometimes).

Share this post


Link to post
Share on other sites
catrina
I found some further insight on Helvetica Neue not working on Chrome here: https://groups.google.com/forum/#!msg/compass-users/iCYiqfAkmwQ/eAsekGDvHLwJ

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lounge
@Rangealone we do not use the fonts of Pagelines. We created our own css file, with the font-style listed. Well the problem is: it is working in Chrome, but not in Firefox and IE

Share this post


Link to post
Share on other sites
Danny
Hi, Have a read through this and see if that helps. http://stackoverflow.com/questions/2856502/css-font-face-not-working-with-firefox-but-working-with-chrome-and-ie

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
WebWerx
@lounge: Look here: http://www.pagelines.com/forum/discussion/comment/103497 (at the end of the string.). Have you added your fonts as @catrina suggested to me? It solved a similar issue right away. CC @danny & @rangealone

Share this post


Link to post
Share on other sites
catrina
@WebWerx I think since @lounge is trying to using Helvetica Neue and Helvetica Neue isn't a font in Google's web fonts library, the solution I provided for you wouldn't work. Perhaps there is a Helvetica Neue-like font available from Google's library under the Sans Serif category, but I'm not sure if lounge would want to change fonts.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lounge
Guys, the problem has been solved. Something really stupid --> I rejected the .tff files from the CDN on w3 total cache (how bad...), fortunately, the website is displaying the Helvetica Font in all browsers now! Thanks for the support and good luck.

Share this post


Link to post
Share on other sites
catrina
If you're pleased with the support that you've received, please "Accept" an answer. :)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×