Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Different browsers different font

Different browsers different font

Locked

Views: 1,074

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
13 Dec 2010, 3:35 PM
#1
cdnbride avatar

cdnbride

Zen Follower

Join Date:
Sep 2009
Location:
Toronto, Canada
Posts:
149
Plugin Contributions:
0

Different browsers different font

Good morning everybody,

I am wondering if there is an easy fix to a font problem that I'm having. While making changes to my main page in the Define Pages Editor I changed the font to Monterey BT which is perfect for my site. However, I use Safari and Firefox and the font looks great to me, BUT I noticed that the other browsers are not showing the font that I'm using. I have had this problem before and ended up creating images in Photoshop with my favorite font to fix this problem, however I think that it would be better if I knew how to just fix it in the code, (if thats possible) rather than having to fiddle with image files. I'm using 1.3.8 (still) and have limited experience with code. Pretty well everything I've learned has been from this forum and some books that I bought to get me through.
I would really appreciate any help on this.

My site is here in case somebody needs to see what I'm talking about. The words "New Arrivals", "Bridal Gowns", "Bridesmaid Gowns" and "Flower Girl Gowns" are my problem.

Thanks
Lisa

13 Dec 2010, 4:04 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Different browsers different font

It's not a browser thing, but an operating system difference. My stock Windows XP installation doesn't include that font, so I'm not going to see it, no matter what you do in the code.

There was a time you could 'force' a font download, but no more.

Personally, I think the answer is to use standard fonts, or the image solution you used before.

13 Dec 2010, 4:06 PM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Different browsers different font

Fonts are not delivered as part of your page
They rely upon the fonts installed locally by the viewer

The way that you have been doing this is the only way to insure that they see what you desire

13 Dec 2010, 5:22 PM
#4
cdnbride avatar

cdnbride

Zen Follower

Join Date:
Sep 2009
Location:
Toronto, Canada
Posts:
149
Plugin Contributions:
0

Re: Different browsers different font

Well thank you Kobra and Stevesh, at least I know the answer now and I know that using an image is the right thing to do and not "my" shortcut.
Take Care!
Lisa

14 Dec 2010, 12:21 AM
#5
flamer avatar

flamer

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

Re: Different browsers different font

cdnbride:

Well thank you Kobra and Stevesh, at least I know the answer now and I know that using an image is the right thing to do and not "my" shortcut.
Take Care!
Lisa

its is possible to use non standard fonts on your website, using a new CSS module called @font-face you can have the users browser download the font and have it display correctly for them.

You will need the font file in different formats, and you need to upload the font file onto your webserver then implement the code into your style sheet.

More is explained here: http://sixrevisions.com/css/font-face-guide/

It is up to you whether you decide its worth the effort.

14 Dec 2010, 9:29 AM
#6
dgent avatar

dgent

Totally Zenned

Join Date:
Nov 2009
Location:
UK
Posts:
1,117
Plugin Contributions:
0

Re: Different browsers different font

Or use the Google Fonts API

Far easier to implement, and a good selection to choose from, and will work on any computer.

http://code.google.com/apis/webfonts/docs/getting_started.html