The CSS Font-Stretch Property

How to make a CSS font stretch?

By using the CSS font-stretch property, you can define whether you want your font to be wider or narrower:

div {
    font-stretch: condensed;
}

Pros

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience
• The price matches the quality
• Suitable for learners ranging from beginner to advanced

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

EXCLUSIVE: 50% OFF

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid Certificates of completion

15% OFF

Pros

• Easy to navigate
• No technical issues
• Seems to care about its users

Main Features

• Huge variety of courses
• 30-day refund policy
• Free certificates of completion

AS LOW AS 14.99$

Syntax and property values

The CSS font-stretch property only requires defining one value:

font-stretch: value;

In the table below, you can find all the keywords you can use as values for a CSS font stretch.

Browser support

Chrome

60+

Edge

12+

Firefox

9+

IE

9+

Opera

47+

Safari

11+

Mobile browser support

Chrome

60+

Firefox

9+

Opera

44+

Safari

11+