Treehouse: Grow your CSS skills. Land your dream job.

font, text height

  • # November 16, 2011 at 7:04 am

    is their a way to control the font or text height’s? just the height not width not size

    # November 16, 2011 at 7:32 am

    font-size: 12px;

    # November 16, 2011 at 7:40 am

    Also ensure when using font-size to set a line-height that’s at least 2 pixels greater which helps to get a more consistent outcome in IE.

    # November 16, 2011 at 9:29 am

    If you mean to stretch it height wise, no.

    # November 16, 2011 at 4:57 pm

    Unfortunately not.

    # November 16, 2011 at 6:50 pm

    ya to stretch It’s Height :( thanks for the help.

    # November 16, 2011 at 7:34 pm

    The only way to do it is using an image but even then it would look terrible.

    # November 16, 2011 at 7:39 pm

    It’s not ideal but you could use negative letter-spacing to help achieve the effect you are after. It will condense the text and you could adjust the font-size accordingly.

    Here is an example:

    # November 16, 2011 at 7:50 pm

    If you used a narrow font and also the negative letter-spacing like Joshua said, it would probably be as close as what you want. I think there may be some type of future way with text transform in 2d or 3d if I heard correctly, but even if it wouldn’t be cross-browser compatible.

    # November 16, 2011 at 7:53 pm

    There are plenty of typefaces in general that you could use without manipulation. What exactly is the design behind this @gd77 ?

    # December 1, 2011 at 10:11 pm
    -webkit-transform: scale(2, 1);


    # December 1, 2011 at 10:26 pm

    You just taught me something @Hompimpa, I never looked into scale beyond what I had seen and had no idea you could declare the x and y value separately! That works well:

    # December 3, 2011 at 12:57 am

    What is the best font for a website?

    # December 10, 2011 at 10:34 am

    there is no best font
    it’s just related with what is your website all about

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.