Forum Moderators: not2easy

Message Too Old, No Replies

Font-family in Firefox

Firefox doesn't show the correct font-family

         

Scipio

4:26 pm on Sep 26, 2010 (gmt 0)

10+ Year Member



Hello people,

Probably a beginners mistake, but I can't figure it out.

On my website [yoga-doorn.nl ] (Dutch) I declare the font family with the following line:

font-family: verdana, arial, helvetica, sans-serif;


But Firefox seems to use Times New Roman. Anyone knows what the problem is?

Thanks for your help!

jdMorgan

5:23 pm on Sep 26, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



 font-family:Arial,Helvetica,Sans-Serif; 

works fine for me in Firefox. (Note that capitalization and spacing are different.)

Jim

Scipio

5:46 pm on Sep 26, 2010 (gmt 0)

10+ Year Member



Thanks for the reaction. The line you posted works correctly when putting Arial up front, but when I use Verdana up front it's still showing Times New Roman.

Although I do have the font files on my computer, maybe the problem is my computer and not the website itself. Does Firefox show Verdana when you open the site?

jdMorgan

6:13 pm on Sep 26, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm not familiar enough with fonts to be sure, but it looks like Arial to me.

Jim

Scipio

6:28 pm on Sep 26, 2010 (gmt 0)

10+ Year Member



Oké, thanks for your help. It's not that big a deal, I'm just curious why it's not working.

Any solutions are still welcome :)

Major_Payne

7:46 pm on Sep 26, 2010 (gmt 0)



Fonts do not have to be capitalized. Check your browser's font options. I have used Firefox for years and there's no problem with it accepting the order of preference as long as the font family is on the computer and you are not overriding the web site's font.

Standard Font Info:

Common fonts to all versions of Windows & Mac equivalents - [ampsoft.net...]

How to Decide Which Font Family to Use - [webdesign.about.com...]

What is a Font? - [webdesign.about.com...]

Fonts and Typography in Web Design - [webdesign.about.com...]

Embedded Fonts Info (new CSS3):

[lists.w3.org...] (.webfont Proposal)
[blog.typekit.com...] (Why we support the new .webfont proposal)

More reading about fonts:

[nicewebtype.com...]
[ilovetypography.com...]
[nicewebtype.com...]

Download Microsoft Core Fonts: [web.nickshanks.com...]

Ron