We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 7455
    • 2,204 Posts
    I tryed to get condenced font in css but it somehow does not work in ie and ff

    take a look at the bottom of this page:

    http://www.w3.org/Style/Examples/007/fonts.html

    in ie and in ff and in opera it all looks the same so no stretch or shrinking
    I need a condensed font
    is there a way to get this to work in css or attach a font with it?

    greets dimmy
      follow me on twitter: @dimmy01
      • 8461
      • 205 Posts
      Dimmy,

      Are you just looking to use a smaller font size or to reduce the letter spacing, or a combination of both

      Different browsers work in different ways and whilst you could use a condensed font it may not be a font that every visitor has installed. Therefore its ofter easier to apply the CSS rules to your tag, div or create .class using font-size: 1em;. You can also change the spacing between letters with letter-spacing: .1em; but it is quite hard to get this looking nice and often the default browser settings are best for letter spacing in my experience.
        • 7455
        • 2,204 Posts
        As in this link above css should have the "font-stretch: ultra-condensed " option for fonts so when you take a standard arial font it wil render the carachters more narrow not the spacing or the size.
        like this:
        same font same size but 50% condensed
          follow me on twitter: @dimmy01
          • 8461
          • 205 Posts
          Here whatyour saying,

          However until such options are standard and supported by all popular browsers I think your options will remain limited to ensure everyone can read the text.

          I just stick to popular fonts and make them smaller using the font-size and sometimes apply word or letter spacing. If its upper case "small-caps" is quite widely supported. But unless someone tells me otherwise I really don’t thing there is any realistic alternative just yet.(unless is a small line of text where image replacement techniques could be used)
            • 7455
            • 2,204 Posts
            Its weard that w3.org stats it as an valid css option but no browser supports it and I can not find any article that says that no browser supports it or what brouwser does.

            http://www.w3.org/Style/Examples/007/fonts.html
              follow me on twitter: @dimmy01
              • 8461
              • 205 Posts
              Dimmy

              go here

              http://www.w3schools.com/css/css_reference.asp

              Scroll down to font-stretch, your will see its hardly supported
                • 7455
                • 2,204 Posts
                Jup I see...

                its a shame thanks for the info.
                  follow me on twitter: @dimmy01