Inter Tight

.example-class {font-family: 'Inter Tight';}

Inter Tight

Thin

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

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

Inter Tight 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

Inter Tight 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 Inter Tight

Madimi One

Electrolize

Telex

Shippori Antique B1

Finlandica

How to Embed Inter Tight in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Inter Tight'; }

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

// SCSS Variable $example-class-font-family: 'Inter Tight'; .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-inter-tight-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.

Inter Tight's Details

Inter Tight is a sans-serif typeface designed by Rasmus Andersson. Inter Tight is part of the Inter font family, which was created with a focus on high legibility. This typeface emerged from a need for a more condensed version of Inter, offering tighter letter-spacing and a more compact appearance. The design characteristics of Inter Tight include its narrow letterforms and reduced spacing between characters. Unlike its parent font, Inter, Inter Tight sacrifices some white space around the letters to fit more text into a given area. This makes it particularly useful in situations where space is limited, like in mobile interfaces or compact web designs. The font retains the clean, geometric shapes of Inter, ensuring readability even in smaller sizes. Inter Tight's uses are diverse. It's often employed in digital interfaces, user interfaces (UIs), and user experience (UX) design. Designers choose it for app interfaces, website headers, and other digital platforms where space efficiency is crucial. Its legibility and modern aesthetic also make it suitable for branding materials and advertising. Notable features of Inter Tight include its extensive support for multiple languages and scripts, making it versatile for global applications. The font comes with a range of weights and styles, from thin to bold, providing flexibility for different design needs. It also supports various advanced typographic features, including ligatures and stylistic sets, which designers can use to enhance text appearance. The font's history began with Rasmus Andersson's aim to improve screen readability. He developed Inter to address the specific needs of digital environments. With Inter Tight, he took this a step further by creating a more condensed version to cater to space-constrained designs. The consistency across the Inter family ensures that Inter Tight can be seamlessly integrated with other Inter styles, providing a cohesive look. Inter Tight prioritizes functionality without compromising on style. It offers a modern, clean look while maintaining the high readability standards set by its predecessor, Inter. The font's design leverages simplicity and clarity, making it a practical choice for various applications.

## Overview Inter Tight is a specialized version of the Inter font family, featuring tighter spacing designed for display usage. It offers a tall x-height to enhance the readability of mixed-case and lower-case text. With over 2000 glyphs covering 147 languages, Inter Tight provides a wide range of weights from delicate thin to heavy, making it a versatile choice for various design applications. ## Legibility Inter Tight excels in legibility due to its tall x-height, which aids in the differentiation of characters and enhances readability at smaller sizes. The spacing is carefully adjusted to maintain clear distinction between individual characters, contributing to improved legibility in both digital and print media. ## Readability In various contexts, including long text passages, captions, and digital displays, Inter Tight demonstrates strong readability. Its well-balanced design and spacing ensure clear and comfortable reading experiences across different mediums, making it suitable for a wide range of content types. ## Visual Fatigue and Adaptability The font's design minimizes the potential for visual fatigue in extensive reading materials, thanks to its clear character differentiation and balanced spacing. Inter Tight is adaptable across different devices and language scripts, ensuring consistent readability and visual comfort in diverse settings. ## Accessibility Recommendations To enhance accessibility, it is recommended to ensure adequate contrast ratios when using Inter Tight, particularly in digital applications. Additionally, selecting suitable sizes for different uses, and considering necessary modifications to accommodate diverse user groups, will contribute to improved readability and accessibility. ## Best Practices When using Inter Tight in design, it is important to consider its versatility and legibility. For example, in digital interfaces, utilizing the font's tighter spacing for headings and larger display text can create a visually appealing hierarchy, while using the regular version for body text ensures optimal readability. In print media, leveraging the font's wide range of weights can help create engaging and dynamic layouts while maintaining clarity and legibility.

License Type

The font Inter Tight is licensed under the SIL Open Font License (OFL). This license allows you to use, modify, and distribute the font freely. You can use it in both personal and commercial projects without paying any fees. You can embed the font in documents, apps, and websites. If you modify the font, you must rename it to avoid confusion. The license emphasizes that modified versions should not be sold by themselves. You can't sell the font on its own because the OFL aims to keep fonts freely available. You can include it in a larger software package or product. The OFL requires that the original license and copyright notice stay with the font. This means you must include these details when you share or distribute the font. If you distribute the font, you can't restrict others from using, modifying, or sharing it. The license promotes collaboration and sharing within the community. In summary, you have a lot of freedom to use and share Inter Tight, but you must follow a few rules to keep it free and available for everyone.

Language Support

Inter Tight supports a wide range of languages, including but not limited to Latin-based languages, Cyrillic, and Greek, ensuring broad international usability.

Download Weights & Variants

100

200

300

regular

500

600

700

800

900

100 italic

200 italic

300 italic

italic

500 italic

600 italic

700 italic

800 italic

900 italic

Inter Tight

Fonts Similar to Inter Tight

Madimi One

Electrolize

Telex

Shippori Antique B1

Finlandica

How to Embed Inter Tight in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Inter Tight's Details

License Type

Language Support

Download Weights & Variants

About Us