...

View Full Version : Can you stretch font height with CSS?



optimus203
05-24-2010, 06:12 AM
Anybody know? I can't seem to find much info on this topic, which leads me to believe its not currently possible. Any help would be greatly appreciated.

effpeetee
05-24-2010, 09:06 AM
This is from W3.

No such thing as font-height? (http://www.w3schools.com/css/css_font.asp):confused:


Perhaps you mean - font-size or line-height.

Frank

All CSS Font Properties
The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property Description Values CSS
font
Sets all the font properties in one declaration font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
inherit 1
font-family
Specifies the font family for text family-name
generic-family
inherit 1
font-size
Specifies the font size of text xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
inherit 1
font-style
Specifies the font style for text normal
italic
oblique
inherit 1
font-variant
Specifies whether or not a text should be displayed in a small-caps font normal
small-caps
inherit 1
font-weight
Specifies the weight of a font normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
inherit 1

ctoz
05-24-2010, 11:53 AM
Anybody know? I can't seem to find much info on this topic, which leads me to believe its not currently possible. Any help would be greatly appreciated.

You might get the kind of effect you want by choosing a condensed font and/or setting the letter-spacing in negative pixels. Of course, how effective this is will depend on what's surrounding it: eg, if the surrounding text was a shade smaller and/or letter-spaced positively....

and see... it's coming:
http://www.emdpi.com/css3xheight.html

optimus203
05-24-2010, 09:45 PM
Very cool ctoz. Its about time. CSS3 seems to be making all the moves to cure all the web design needs, but its taking painfully long to implement browser support. Thanks for this link.

Eff, I was more going for the Ctoz link, so I guess in the meantime I'll have to work with images if I want height-stretched fonts.

effpeetee
05-25-2010, 12:06 PM
Very cool ctoz. Its about time. CSS3 seems to be making all the moves to cure all the web design needs, but its taking painfully long to implement browser support. Thanks for this link.

Eff, I was more going for the Ctoz link, so I guess in the meantime I'll have to work with images if I want height-stretched fonts.
My site (http://www.exitfegs.co.uk/)

I use images for captions on almost all the pages.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum