The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Xhtml Strict & Font Faces in IE , Firefox, Chrome, etc.
olgap
post Jan 15 2010, 09:57 AM
Post #1





Group: Members
Posts: 3
Joined: 15-January 10
Member No.: 10,841



Can someone please explain how browsers interpret font face instructions and why different ones "see" them differently? I am struggling with this font-family thing—is there a definitive chart online that I can consult, ie choose a font visually that all browsers will later present in the same way graphically?

The text below looks the way I want it to (close anyway-something cursive but more flowing would be better) in IE and terrible in Firefox and Chrome.
<p style="text-align: center; color: rgb(255,255,255); font-family: cursive; font-size: 75px; ">
Main Title
</p>

<p style="text-align: center; color: rgb(255,255,255); font-family: cursive; font-size: 60px; ">
Some other text.
</p>

Thanks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 15 2010, 10:07 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



Use a list of preferred font-families.

But I usually get the same font in different browsers with a generic font family too, at least those that aren't subject to user settings. I do with your example too.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 15 2010, 12:23 PM
Post #3


WDG Member
********

Group: Root Admin
Posts: 8,316
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(olgap @ Jan 15 2010, 07:57 AM) *
Can someone please explain how browsers interpret font face instructions and why different ones "see" them differently?
Different systems have different fonts. Even when the font name is the same, different systems can have different implementations that end up looking different.

The generic font families (serif, sans-serif,...) are even less certain, since you don't know which of the available fonts in the category they'll end up being. In particular, cursive and fantasy are the least useful, since cursive can be anything that looks similar to handwritten letters, and fantasy can be anything that isn't serif, sans-serif, monospace, or cursive.

QUOTE(olgap @ Jan 15 2010, 07:57 AM) *
I am struggling with this font-family thing—is there a definitive chart online that I can consult, ie choose a font visually that all browsers will later present in the same way graphically?
Here's a list of "web safe fonts" that you might find useful:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
olgap
post Jan 16 2010, 02:30 PM
Post #4





Group: Members
Posts: 3
Joined: 15-January 10
Member No.: 10,841



QUOTE
Here's a list of "web safe fonts" that you might find useful:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

That will be useful and I have saved it for future reference. Your comments on cursive and fantasy have saved me some time and I have stopped trying to control what I cannot and for my page title, at least, I have decided to produce a graphic in Paint, to guarantee a uniform appearance.

Thanks all for your time.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 16 2010, 05:29 PM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



Then there is CodeStyle.
http://www.codestyle.org/css/font-family/index.shtml
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th October 2019 - 07:06 AM