Inter 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 |
Rasmus Andersson
sans-serif
91
9
In
Inter
.example-class {font-family: 'Inter';}
Inter
Thin
ExtraLight
Light
Medium
SemiBold
Bold
ExtraBold
Black
Inter 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 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 |
Fonts Similar to Inter
CSS Code Examples
.example-class { font-family: 'Inter'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Inter'; .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-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's Details
Inter is a typeface designed by Rasmus Andersson. Inter, Inter, first released in 2017, was created to improve readability on screens. Its design characteristics include a high x-height, making lowercase letters prominent and more legible at smaller sizes. The font employs open apertures, which enhance clarity and distinguishability of characters in dense text. Inter supports a wide range of languages and includes a comprehensive set of weights and styles. It spans from thin to black weights, providing flexibility for various design needs. The typeface offers italics for every weight, ensuring stylistic consistency. It includes special features like tabular numbers, fractions, and stylistic alternates, making it versatile for both display and text use. The font's letterforms are geometric yet humanist, balancing efficiency and friendliness. Rounded dots on 'i' and 'j' contribute to a softer appearance. The typeface also has extensive kerning pairs, ensuring even spacing between letters. Its numerals are designed to align well in columns, useful for data tables and financial reports. Inter is widely used in user interfaces, websites, and mobile applications because of its readability and clean design. Many developers and designers prefer it for its clarity on digital screens. It's also popular in print media, including magazines and brochures, due to its versatility and modern aesthetic. The font is available as an open-source project, which encourages customization and adaptation. This accessibility has led to its widespread adoption across various platforms. Its design ensures that it performs well under different rendering environments, maintaining legibility and visual appeal. Inter has been continuously updated, with improvements and bug fixes to enhance its performance and compatibility. The typeface is praised for its attention to detail, making it a reliable choice for both professional and personal projects. Its balance of form and function makes it a valuable tool in the typographic landscape.
Accessibility Overview for Inter
Inter is a versatile font designed for a wide range of applications, from user interfaces to marketing and signage. It features a tall x-height, aiding in the readability of mixed-case and lower-case text. The font has a neutral tone, making it suitable for various projects. Inter is known for its modern design, dynamic digital readability, and design flexibility, making it a workhorse typeface for both small and large sizes.Inter's Legibility
Inter's legibility is enhanced by its tall x-height, which improves the readability of mixed-case and lower-case text. The font also features OpenType contextual alternates and other features to ensure clear character differentiation and spacing, contributing to its overall legibility.Inter's Readability
The font maintains great readability across various contexts, including long text passages, captions, and digital displays. Its neutral tone and modern design make it highly suitable for web apps, e-books, and digital projects, ensuring ease of reading for users.Inter's Visual Fatigue and Adaptability
Inter's design aims to minimize visual fatigue, making it suitable for extensive reading materials. Additionally, the font is crafted to be adaptable across different devices and language scripts, ensuring consistent readability and aesthetic appeal.Inter Accessibility Recommendations
To enhance accessibility, it is recommended to ensure adequate contrast ratios when using Inter, especially in digital applications. Additionally, selecting appropriate sizes for different uses and considering necessary modifications for enhanced readability across user groups will contribute to improved accessibility.Best Practices for Using Inter
When using Inter in design, it is important to consider its versatility and readability. For example, in web design, using Inter for body text and headings can create a cohesive and visually appealing layout. In user interfaces, leveraging the font's modern design and dynamic readability can enhance the user experience.License Type
The font Inter is under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font. You can use the font in personal, commercial, and educational projects without paying royalties. You can embed it in documents, applications, and websites.
You can modify the font and share your versions. If you distribute modified versions, you must rename them to avoid confusion with the original. This ensures users know they're using a modified font.
You can bundle the font with software or hardware. For example, you can include it in a mobile app or a physical product like an ebook reader.
The license prohibits selling the font by itself. You can't sell it as a standalone product. However, you can sell it as part of a larger project.
The OFL encourages collaboration. You can contribute improvements, making the font better for everyone. This open approach benefits designers, developers, and users alike.
If you respect these terms, you can freely integrate Inter into your projects.
Language Support
This font supports Latin, Cyrillic, and Greek scripts, enabling a wide range of languages including English, Russian, and Greek.
Download Weights & Variants
100
200
300
regular
500
600
700
800
900