Fira Sans Condensed

.example-class {font-family: 'Fira Sans Condensed';}

Fira Sans Condensed

Thin

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

Fira Sans Condensed is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.

Display

Handwriting

Monospace

Sans-serif

Serif

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) + =

Fira Sans Condensed Used As Heading Examples

Hierarchy	Weight	Size	Line Height	Letter Spacing
Heading Level 1	Bold	64px	64px	0px
Heading Level 2	SemiBold	48px	64px	0px
Heading Level 3	Medium	32px	48px	0.5px
Heading Level 4	Regular	24px	32px	0.5px
Heading Level 5	Regular	16px	24px	0.5px
Heading Level 6	Medium	13px	16px	0.5px

Fira Sans Condensed Used As Body Text

Element	Weight	Size	Line Height	Letter Spacing
Body Text	Regular	16px	24px	0.5px
Italicized	Regular Italic	16px	24px	0.5px
Bold	Bold	16px	24px	0.5px
Small Caps	Regular	16px	24px	0.5px
Secondary Text	Medium	13px	16px	0.5px

Fonts Similar to Fira Sans Condensed

Alumni Sans Pinstripe

Lexend Deca

Doppio One

Abel

Geo

How to Embed Fira Sans Condensed in Your Project

Using a <link> tag in HTML

<link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap" rel="stylesheet">

Using @import in CSS

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap');

Using @font-face in CSS

@font-face { font-family: 'Fira Sans Condensed'; src: url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap'); }

CSS Code Examples

.example-class { font-family: 'Fira Sans Condensed'; }

Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.

// SCSS Variable $example-class-font-family: 'Fira Sans Condensed'; .example-class { font-family: $example-class-font-family; }

SCSS Variable: Defining the font-family in a variable for reuse across multiple styles, simplifying maintenance and updates.

// Tailwind CSS .example-class { @apply font-fira-sans-condensed-sans-serif; }

Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.

Fira Sans Condensed's Details

Fira Sans Condensed is a humanist sans-serif typeface designed by Erik Spiekermann and Ralph du Carrois. Fira Sans Condensed Fira Sans Condensed was initially created to complement the Mozilla Firefox OS. Its design aims to increase legibility across various devices, which is why it features a clean, modern aesthetic. The characters in Fira Sans Condensed have a tall x-height, which enhances readability. The typeface includes open apertures and a moderate contrast between thick and thin strokes. These design choices make it highly legible on screens. The condensed nature of the font allows for more text to fit in a given space, making it suitable for interfaces and narrow columns. Fira Sans Condensed comes in multiple weights, including light, regular, medium, bold, and extra bold. Each weight maintains clarity and uniformity. It also supports various languages and includes extensive character sets, accommodating different alphabets and symbols. Designers often use Fira Sans Condensed in user interfaces, mobile applications, and web design because it balances readability and space efficiency. Its versatility extends to printed materials like brochures and flyers, where space constraints are a concern. One notable feature is its ability to maintain legibility at smaller sizes. This makes it a preferred choice for captions and footnotes. The font's clean and straightforward appearance gives it a professional yet approachable look, suitable for both corporate and casual contexts. Overall, Fira Sans Condensed offers a blend of functionality and aesthetic appeal. Its design elements cater to modern digital and print environments, ensuring its continued relevance in various applications.

Accessibility Overview for Fira Sans Condensed

Fira Sans Condensed is a humanist sans-serif typeface designed by Erik Spiekermann, Ralph du Carrois, Anja Meiners, Botio Nikoltchev of Carrois Type Design, and Patryk Adamczyk. This font family comes in three widths (Condensed, Regular, and Extra Condensed) and is accompanied by italic styles. Fira Sans Condensed is known for its clean and modern appearance, making it suitable for a wide range of applications, including editorial design, branding, user interfaces, and digital displays. Its key design characteristics include a balanced x-height, open counters, and distinct letterforms, contributing to its contemporary and legible appearance.

Fira Sans Condensed's Legibility

Fira Sans Condensed exhibits excellent legibility due to its well-proportioned spacing, generous x-height, and clear character differentiation. The font's moderate width and open apertures enhance character recognition, making it highly readable even at smaller sizes. The spacing between characters and within letterforms is carefully designed to ensure optimal legibility across various applications.

Fira Sans Condensed's Readability

In terms of readability, Fira Sans Condensed performs well in various contexts. Its condensed form allows for efficient use of space in long text passages, while the regular and extra condensed widths offer flexibility in different design layouts. The font maintains readability in captions and digital displays, demonstrating its versatility in conveying information across different mediums.

Fira Sans Condensed's Visual Fatigue and Adaptability

Fira Sans Condensed is designed to minimize visual fatigue in extensive reading materials through its balanced letterforms and spacing. Its adaptability across different devices and language scripts is notable, as it supports Latin, Greek, and Cyrillic scripts, ensuring consistent readability across diverse content and platforms.

Fira Sans Condensed Accessibility Recommendations

For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Fira Sans Condensed, particularly in digital interfaces and printed materials. Additionally, selecting appropriate font sizes for different uses, especially for users with visual impairments, is crucial. Modifications such as adjusting letter spacing and employing alternative weights can further enhance readability for diverse user groups.

Best Practices for Using Fira Sans Condensed

When using Fira Sans Condensed in design, it is best to utilize its condensed form for compact layouts and headings, while the regular and extra condensed widths can be employed for longer passages and display purposes. For example, in editorial design, Fira Sans Condensed Regular may be suitable for body text, while the condensed version can create visual hierarchy in subheadings and captions. In digital interfaces, maintaining adequate font sizes and contrast ratios is essential for optimal user experience.

License Type

Fira Sans Condensed is an open-source font licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. The OFL is designed to support the worldwide development of collaborative font projects. You can use Fira Sans Condensed for personal, professional, or commercial purposes without paying any fees. For instance, you can use it in your website design, business cards, or software interfaces. The font can be embedded in documents and applications without restriction. Modifying the font is allowed. If you change it, you can distribute your modified version. However, you can't use the original name for your modified font. You must rename it to avoid confusion. You can share the font with others. For example, if you're working on a project with a team, everyone can use and distribute the font. The font can be bundled with other software or sold as part of a larger package, but the font itself must remain free and open. The OFL also allows for embedding in documents, like PDFs, and in software, like apps. This means you can include the font in files you distribute or sell, ensuring consistency in presentation. You can't sell the font by itself. You can't claim exclusive rights to the font. The font must always be available for others to use, modify, and share under the same terms. This ensures that the font remains accessible to everyone. In summary, Fira Sans Condensed's license is flexible and encourages use and modification while ensuring the font stays free and open for all users.

Language Support

Fira Sans Condensed supports a wide range of languages, including most Western European languages, Eastern European languages, Baltic, Turkish, and Cyrillic scripts, making it a versatile choice for global applications.

Download Weights & Variants

100

100 italic

200

200 italic

300

300 italic

regular

italic

500

500 italic

600

600 italic

700

700 italic

800

800 italic

900

900 italic

Fira Sans Condensed

Fonts Similar to Fira Sans Condensed

Alumni Sans Pinstripe

Lexend Deca

Doppio One

Abel

Geo

How to Embed Fira Sans Condensed in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Fira Sans Condensed's Details

Accessibility Overview for Fira Sans Condensed

Fira Sans Condensed's Legibility

Fira Sans Condensed's Readability

Fira Sans Condensed's Visual Fatigue and Adaptability

Fira Sans Condensed Accessibility Recommendations

Best Practices for Using Fira Sans Condensed

License Type

Language Support

Download Weights & Variants

About Us