Barlow Condensed

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

Barlow Condensed

Thin

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

Barlow 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
! @ # $ % ^ & * ( ) + =

Barlow 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

Barlow 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 Barlow Condensed

Aldrich

Gasoek One

Numans

Kulim Park

KoHo

How to Embed Barlow Condensed in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

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

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

// SCSS Variable $example-class-font-family: 'Barlow 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-barlow-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.

Barlow Condensed's Details

Barlow Condensed is a sans-serif typeface created by designer Jeremy Tribby. Barlow Condensed and Barlow Condensed are part of the Barlow family, which includes several variations with different widths and styles. The typeface was first released in 2017 and has since gained popularity for its clean and modern look. The design of Barlow Condensed features narrow letterforms, making it suitable for headlines and other display uses. Its characters have a geometric structure with rounded corners, giving it a friendly and approachable appearance. The typeface includes a wide range of weights, from thin to extra bold, allowing for versatility in design applications. Barlow Condensed supports multiple languages, including those with extended Latin characters. This makes it useful for international projects. The font includes both uppercase and lowercase letters, numerals, punctuation marks, and special symbols. It also offers various OpenType features, like ligatures and stylistic alternates, enhancing its functionality. Common uses of Barlow Condensed include branding, advertising, and user interfaces. Its condensed form allows for more text in limited space, which is beneficial for posters, banners, and website headers. The typeface has been employed by various industries, including technology, fashion, and education, to convey a modern and professional image. Notable features of Barlow Condensed include its legibility at smaller sizes and its ability to maintain visual harmony across different weights. Designers appreciate its flexibility because it can adapt to both formal and informal contexts. The typeface's rounded edges soften its geometric forms, making it less rigid and more inviting. Barlow Condensed's design is influenced by the visual style of Californian public signage, reflecting a sense of openness and accessibility. It aims to balance functionality and aesthetics, offering a typeface that's as practical as it is visually appealing. The font continues to be a popular choice for projects requiring a contemporary and clean look.

Accessibility Overview for Barlow Condensed

Barlow Condensed is a slightly rounded, low-contrast grotesk type family with a design that draws from the visual style of California. It features a modern and clean aesthetic, making it suitable for a wide range of applications, including branding, editorial design, packaging, and web design. The font family offers a variety of weights and styles, providing flexibility and versatility in design projects.

Barlow Condensed's Legibility

Barlow Condensed exhibits good legibility due to its balanced spacing, moderate x-height, and clear character differentiation. The consistent spacing between letters and well-defined letterforms contribute to its legibility, making it suitable for both display and text use.

Barlow Condensed's Readability

In terms of readability, Barlow Condensed performs well in various contexts. It is suitable for long text passages, captions, and digital displays, thanks to its clean and modern design. The font maintains readability across different sizes, ensuring that the text remains clear and easy to read in different applications.

Barlow Condensed's Visual Fatigue and Adaptability

The font's slightly rounded and low-contrast design minimizes the risk of visual fatigue in extensive reading materials. Additionally, its adaptability across different devices and language scripts enhances its usability in diverse design scenarios.

Barlow Condensed Accessibility Recommendations

For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Barlow Condensed, especially in digital and print media. Additionally, selecting appropriate font sizes for different uses and considering modifications to improve readability for diverse user groups are essential for accessibility.

Best Practices for Using Barlow Condensed

When using Barlow Condensed in design, it is best to pair it with complementary typefaces to create visual hierarchy and maintain readability. For example, using Barlow Condensed for headlines and pairing it with a more legible font for body text can enhance overall readability and visual appeal. Additionally, utilizing appropriate font sizes and ensuring suitable contrast ratios will contribute to an effective and accessible design.

License Type

The Barlow Condensed font is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and redistribute the font freely. You can use it for both personal and commercial projects without paying for it. You can modify the font, but if you share the modified version, you must change the name to avoid confusion. For example, you could rename it "Custom Barlow Condensed." This rule helps keep the original version distinct from any altered versions. You can share the font with others. You can include it in software bundles or other packages. However, you can't sell the font by itself. You can only offer it as part of a larger work or software bundle. You must include the original copyright notice and license file when you share the font, ensuring that everyone knows it’s under the OFL. This rule helps keep the font free and open for everyone. The license allows embedding the font in documents and applications. If you create a PDF or a website, you can include the font files within those documents, making sure the text appears as intended. Using the font in logos, advertisements, websites, and digital products is allowed. If you’re creating a brand identity or a marketing campaign, you can freely use Barlow Condensed without any restrictions. The Barlow Condensed font can be used in educational materials, presentations, and printed products. Teachers and students can use it for assignments, handouts, and other academic purposes. In summary, the SIL Open Font License for Barlow Condensed provides a lot of freedom. You can use, share, and modify it, but you need to keep the original name distinct from modified versions and include the license when sharing.

Language Support

Barlow Condensed supports a wide range of languages, including those that use Latin, Cyrillic, and Greek scripts, making it versatile for global use.

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

Barlow Condensed

Fonts Similar to Barlow Condensed

Aldrich

Gasoek One

Numans

Kulim Park

KoHo

How to Embed Barlow Condensed in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Barlow Condensed's Details

Accessibility Overview for Barlow Condensed

Barlow Condensed's Legibility

Barlow Condensed's Readability

Barlow Condensed's Visual Fatigue and Adaptability

Barlow Condensed Accessibility Recommendations

Best Practices for Using Barlow Condensed

License Type

Language Support

Download Weights & Variants

About Us