W3C home > Mailing lists > Public > www-style@w3.org > December 1999

Re: Font-stretch

From: Bert Bos <Bert.Bos@sophia.inria.fr>
Date: Tue, 14 Dec 1999 16:34:45 +0100 (MET)
To: www-style <www-style@w3.org>
Message-ID: <14422.21204.537418.690641@www43.inria.fr>
Matthew Brealey writes:
> Font-stretch: percentage
> This does not affect glyph heights, but electronically
> stretches it horizontally.
> E.g., assuming a glyph of height 10px and width 10px,
> font-stretch: 200% would result in a glyph of height
> 10px, width: 20px.

There's two problems with this:

  - Currently, the 'font-stretch' property doesn't *modify* a font, it
    only *selects* a font from among the available variants.

  - Stretching a font is a resource consuming operation, that I'm not
    sure we should ask of CSS implementations.

You can in fact already do what you want, although not quite as easily
as with a single property: you can create a stretched font yourself
that you then embed in style sheet.

Say you want an ultra expanded Helvetica. You can either find/buy it
somewhere or create it yourself with a font editor. Once you have the
font, you put it on your Web server, and then you need to put this in
your style sheet:

    @font-face {
        font-family: "Helvetica";
        font-stretch: ultra-expanded;
        src: url(my-helv-ultrax)

    H1.very-special {
        font-family: "Helvetica", fantasy;
        font-stretch: ultra-expanded

  Bert Bos                                ( W 3 C ) http://www.w3.org/
  http://www.w3.org/people/bos/                              W3C/INRIA
  bert@w3.org                             2004 Rt des Lucioles / BP 93
  +33 (0)4 92 38 76 92            06902 Sophia Antipolis Cedex, France
Received on Tuesday, 14 December 1999 10:34:54 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:26:52 UTC