Topic: The font-stretch property (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10893" title="Pages that link to Topic: The font-stretch property (Page 1 of 1)" rel="nofollow" >Topic: The font-stretch property <span class="small">(Page 1 of 1)</span>\

 
Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 01-20-2003 23:27

Hi, people. How are ya? I am doing tutorial from following:
[url]http://www.w3schools.com/css/css_font.asp[url]

And I am trying to do "font-stretch" effect. But there seems to happen nothing unfortunately. This is my code:

<html>
<head>

<style type="text/css">
h1 {font-stretch: condensed}
h3 {font-stretch: expanded}
</style>

</head>

<body>

<h1>This is header 1</h1>
<h2>This is header 2</h2>
<h3>This is header 3</h3>

</body>
</html>

My understanding is each heading should be "condensed" or "expanded". Why nothing happens? Please help me.




Hiroki Kozai

Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 01-20-2003 23:49

Two possibilities.

1) "This property selects a normal, condensed or extended font to be used from the current font-family." This suggests that you'll only get condensed or extended text if the user has a condensed or extended version of the font on his system. This means that it'll only work on the computers of people who really care about fonts. And even then, a condensed or extended version might not be available.

2) Maybe browsers just don't support it.

edit: Western Civilization's CSS text property support page suggests that #2 is correct.

[This message has been edited by Perfect Thunder (edited 01-20-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted posted 01-21-2003 00:05

Hi, PT! Thanks a lot. My browser is probably Internet Explore 5.0.
Probably doesn't support those font.
But how can I know if css does support on view's browser or not?
It seems difficult which browser support which css.
Do you know what I mean?

Hiroki Kozai

Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 01-21-2003 02:24

There are two things you should do. First, get every browser, and test everything on your own computer. Personally, I test all my pages in Internet Explorer 5 and 6 for Windows, Netscape 7, the latest Mozilla, Netscape 4, Opera 5 and 6 (and soon, 7). Then, using my Linux box, I test it in Lynx, Galeon, and Konqueror. Then, using my roommate's Mac, I test in IE 5 for Mac and Safari. (I know, I should be testing in iCab and Omniweb as well, and I'm totally skipping Links, PDA browsers, and whatnot. I'm a slacker.)

The other thing you should do is use a CSS reference, such as the link I posted above. At the bottom of that page is a table showing every CSS text property, and every browser. If the intersection is an "N," the property doesn't work on that browser. See how font-stretch has "N" for every browser?

If you look around the site, you'll find similar tables for every other CSS property. It's very useful.

[This message has been edited by Perfect Thunder (edited 01-21-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 01-21-2003 02:47

Yikes!

Personally, I limit my testing to IE 6 and the lastest version of Mozilla.

Then again, I've never done any web design for money.

Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 01-21-2003 03:40

Sometimes, whether or not you can afford to eat a few months down the road depends on whether the client and everyone in his informal testing group can use the site now. You learn not to cut corners, because you never know what insane setup someone might have.

Wrote a good deal more, which segued into an irrelevant rant. Deleted it all. Short version: if you're a professional, do the work. If you don't do the work, and you still get paid, I hate you, and I hope you die, so I can get your job and do it right for a change (plus finally get health insurance). The end.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu