font-stretch

Table of contents

  1. 1. Summary
  2. 2. Syntax
    1. 2.1. Values
  3. 3. Specifications
  4. 4. Browser compatibility
  5. 5. See also
Page Notifications Off

« CSS « CSS Reference

Summary

The font-stretch CSS property selects a normal, condensed, or extended face from a font family.

Syntax

font-stretch:  inherit | 
               ultra-condensed | extra-condensed | condensed | semi-condensed |
               normal | semi-expanded | expanded | extra-expanded | ultra-expanded

Values

normal
Specifies a normal font face.
semi-condensed, condensed, extra-condensed, ultra-condensed
Specifies a font face condensed than normal, with ultra-condensed as the most condensed.
semi-expanded, expanded, extra-expanded, ultra-expanded
Specifies a font face expanded than normal, with ultra-expanded as the most expanded.
h1 { font-stretch: extra-expanded }
p  { font-stretch: condensed }

Specifications

font-stretch was defined in CSS 2, but dropped in CSS 2.1 due lack of implementation experience. It's newly drafted in CSS 3.

Browser compatibility

  • Desktop
  • Mobile

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support -- 9.0 (9.0) [1] 9.0 -- --
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support -- 9.0 (9.0) [2] ? -- --

Tags (5)

Edit tags

Attachments (0)

 

Attach file