Topic: The font-stretch property Pages that link to <a href="https://ozoneasylum.com/backlink?for=10893" title="Pages that link to Topic: The font-stretch property" rel="nofollow" >Topic: The font-stretch property\

 
Author Thread
Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 01-20-2003 23:27 Edit Quote

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

IP logged posted posted 01-20-2003 23:49 Edit Quote

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

IP logged posted posted 01-21-2003 00:05 Edit Quote

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

IP logged posted posted 01-21-2003 02:24 Edit Quote

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

IP logged posted posted 01-21-2003 02:47 Edit Quote

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

IP logged posted posted 01-21-2003 03:40 Edit Quote

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