Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts

    Can you stretch font height with CSS?

    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.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is from W3.

    No such thing as font-height?


    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
    Last edited by effpeetee; 05-24-2010 at 08:11 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Sep 2008
    Posts
    67
    Thanks
    8
    Thanked 2 Times in 2 Posts

    Smile

    Quote Originally Posted by optimus203 View Post
    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
    Last edited by ctoz; 05-24-2010 at 12:10 PM. Reason: add link

  • #4
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    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.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by optimus203 View Post
    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

    I use images for captions on almost all the pages.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •