Barlow Semi Condensed

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

Barlow Semi Condensed

Thin

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

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

Sofia Sans

Mochiy Pop One

Seymour One

Armata

Viga

How to Embed Barlow Semi Condensed in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

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

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

// SCSS Variable $example-class-font-family: 'Barlow Semi 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-semi-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 Semi Condensed's Details

Barlow Semi Condensed is a sans-serif typeface that offers a clean and modern look. Developed by designer Jeremy Tribby, this font is part of the larger Barlow family. Barlow Semi Condensed, Barlow Semi Condensed, and its related styles were designed to provide a neutral yet distinctive appearance, balancing readability with a contemporary feel. The creation of Barlow Semi Condensed stems from a desire to have a versatile typeface suitable for various applications. It's part of an open-source project, meaning it's freely available for both personal and commercial use. The font features a slightly condensed letterform, which allows more text to fit in tighter spaces without sacrificing legibility. Design characteristics of Barlow Semi Condensed include rounded corners and a relatively low contrast between thick and thin strokes. The characters possess a geometric structure, giving it a harmonious and balanced look. This typeface includes various weights, from light to bold, and supports multiple languages, making it highly adaptable. Uses for Barlow Semi Condensed are diverse. It's often employed in digital interfaces, like websites and mobile apps, because of its clarity and modern aesthetics. Print media, including brochures and advertisements, also benefit from its space-saving design. Additionally, signage and branding projects use this typeface to convey a contemporary and professional image. Notable features of Barlow Semi Condensed include its extensive character set, which provides support for numerous alphabets and symbols. The font's open-source nature makes it an attractive choice for designers seeking a reliable yet flexible typeface. Its clean lines and efficient use of space make it a popular option for both text-heavy and minimalist designs.

Accessibility Overview for Barlow Semi Condensed

Barlow Semi Condensed is a slightly rounded, low-contrast grotesk font superfamily designed by Jeremy Tribby. The font family draws from the visual style of the California public and shares qualities with the state's car plates. It offers a modern and clean appearance with a slightly condensed structure, making it suitable for a wide range of applications, including editorial design, branding, advertising, and digital interfaces.

Barlow Semi Condensed's Legibility

Barlow Semi Condensed demonstrates good legibility with well-proportioned spacing and a balanced x-height, contributing to clear character differentiation. The font's moderate contrast and slightly rounded design enhance its readability, especially in smaller sizes and on digital screens.

Barlow Semi Condensed's Readability

The font performs well in various contexts, including long text passages, captions, and digital displays. Its slightly condensed form allows for efficient use of space, making it suitable for conveying information in a clear and readable manner across different mediums.

Barlow Semi Condensed's Visual Fatigue and Adaptability

Barlow Semi Condensed exhibits adaptability across different devices and language scripts, ensuring consistent legibility and aesthetic appeal. However, extended use in extensive reading materials may lead to visual fatigue due to its condensed structure. Careful consideration of leading and line length is recommended to mitigate this effect.

Barlow Semi Condensed Accessibility Recommendations

To enhance accessibility, it is advisable to ensure sufficient contrast ratios between the font and background, particularly in digital applications. Additionally, utilizing larger sizes for body text and incorporating appropriate line spacing will improve readability across user groups, including those with visual impairments.

Best Practices for Using Barlow Semi Condensed

When using Barlow Semi Condensed, it is best to employ it in branding materials, digital interfaces, and editorial design where a modern, clean, and slightly condensed aesthetic is desired. For example, it can be effectively used in website headers, product packaging, and magazine layouts to convey a contemporary and sophisticated visual identity.

License Type

The font Barlow Semi Condensed is under the Open Font License (OFL). This means you can use the font for personal and commercial purposes without paying. You can modify the font and share your changes. You can include the font in projects like websites, apps, or printed materials. You can't sell the font by itself. You can't claim you made the original font. You need to credit the original designer when sharing the font or your modified version. Keep the same license for any modified versions you distribute. The OFL allows embedding the font in documents or software. This means you can use Barlow Semi Condensed in PDFs, Word documents, or apps. You don't need permission to use the font. You can't use the font's name for your modified version. If you change the font, you must rename it. The license promotes sharing and collaboration. It protects the original designer’s work. It gives you flexibility in how you use the font in various projects.

Language Support

Barlow Semi Condensed is a versatile font that supports a wide range of languages. It includes extensive Latin script coverage, making it suitable for English and other Western European languages. Additionally, it supports Central European languages, providing glyphs for characters used in languages such as Polish, Czech, Slovak, Hungarian, and more. Its character set also encompasses Baltic languages, and it includes support for Vietnamese, offering a comprehensive solution for diverse linguistic needs.

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

Fonts Similar to Barlow Semi Condensed

Sofia Sans

Mochiy Pop One

Seymour One

Armata

Viga

How to Embed Barlow Semi Condensed in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Barlow Semi Condensed's Details

Accessibility Overview for Barlow Semi Condensed

Barlow Semi Condensed's Legibility

Barlow Semi Condensed's Readability

Barlow Semi Condensed's Visual Fatigue and Adaptability

Barlow Semi Condensed Accessibility Recommendations

Best Practices for Using Barlow Semi Condensed

License Type

Language Support

Download Weights & Variants

About Us