Nunito 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 |
Vernon Adams
sans-serif
91
16
Nu
Nunito
.example-class {font-family: 'Nunito';}
Nunito
ExtraLight
Light
Medium
SemiBold
Bold
ExtraBold
Black
Nunito 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
! @ # $ % ^ & * ( ) + =
Nunito 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 Nunito
CSS Code Examples
.example-class { font-family: 'Nunito'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Nunito'; .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-nunito-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.
Nunito's Details
Nunito is a sans-serif typeface designed by Vernon Adams. Nunito, Nunito was created to provide a well-balanced, rounded, and friendly appearance. The font family includes two versions: Nunito and Nunito Sans. The original Nunito, designed in 2012, is a rounded terminal sans-serif typeface. Nunito Sans, released later, is a companion version without the rounded terminals. The font's design characteristics include a smooth and rounded structure, giving it a soft and approachable look. Its letterforms are well-proportioned, featuring a uniform stroke width throughout. The x-height is relatively high, enhancing readability. The typeface includes multiple weights, from Light to Black, each maintaining the font's harmonious design. Nunito suits various applications, ranging from web design to print media. It's popular in user interfaces, educational materials, and branding. Because of its clean and modern appearance, it works well in both headings and body text. Designers often use it in combination with other typefaces to create contrast and hierarchy. A notable feature of Nunito is its extensive character set, supporting multiple languages and scripts. This makes it versatile for international projects. The font's readability and aesthetic qualities make it a favorite choice for designers looking for a friendly and professional typeface. Nunito's development aimed at enhancing legibility while maintaining a unique style. Its rounded design elements contribute to an inviting and contemporary feel. The typeface's adaptability to different design contexts showcases its versatility.
Accessibility Overview for Nunito
Nunito is a well-balanced sans-serif typeface with a friendly and approachable feel. It has a rounded terminal design that exudes warmth and is characterized by its uniform stroke widths. These features make it suitable for a wide range of applications, from body text to display copy. Nunito's versatility and readability make it an excellent choice for both print and digital design, including branding, web design, and editorial content.Nunito's Legibility
Nunito's legibility is enhanced by its generous spacing, ample x-height, and clear character differentiation. The well-proportioned letterforms and open counters contribute to its overall readability, making it effective for conveying information across various typographic settings.Nunito's Readability
In terms of readability, Nunito performs well in different contexts. It is suitable for long text passages, providing a comfortable reading experience. Additionally, it works effectively for captions and digital displays, maintaining clarity and coherence even at smaller sizes.Nunito's Visual Fatigue and Adaptability
Nunito's rounded terminals and balanced design contribute to reduced visual fatigue during extensive reading. Its adaptability across different devices and language scripts is notable, ensuring consistent legibility and aesthetic appeal in diverse settings.Nunito Accessibility Recommendations
For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Nunito, especially in digital applications. When choosing font sizes, consideration should be given to different user groups, with larger sizes being beneficial for improved readability, particularly for individuals with visual impairments.Best Practices for Using Nunito
To effectively use Nunito in design, it can be paired with complementary typefaces to create visual hierarchy and contrast. For example, it can be combined with a serif font for a balanced and harmonious layout in editorial designs. Additionally, utilizing Nunito in larger sizes for headings and titles while opting for a slightly smaller size for body text can optimize its visual impact and readability.License Type
The Nunito font is released under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can use it in personal and commercial projects without needing to pay or get special permission.
You can install Nunito on your computer and use it in software applications like word processors or design programs. If you want to embed Nunito in a website or an app, that's fine too. You can include it in your project's files and make it available to users without any problem.
Modifying Nunito is also permitted. You can change the font's design to fit your needs. If you create a new version of Nunito, you can share that version with others. However, you need to rename your modified version to avoid confusion with the original.
Distributing Nunito or your modified version is allowed. You can share it with friends, colleagues, or clients. You can also include it in larger software packages or sell products that use the font. Just remember to attribute the original creators. This means you should give credit to the original designers when you share or sell the font.
You can't sell Nunito on its own. The license prohibits selling the font by itself. You can only sell it as part of a larger project or product. For example, it's fine to sell a book or an app that uses Nunito, but not to sell just the font files.
The license also prohibits using the font's name in advertising your modified version. If you've changed Nunito, you can't call your version "Nunito" in your promotions. This helps avoid confusion about which version is which.
In summary, you can use, modify, and share Nunito freely, but you must give credit to the original creators and not sell the font by itself.
Language Support
Nunito supports a wide range of languages, primarily those using the Latin alphabet, including Western European, Central European, and South Eastern European languages. It also offers support for Vietnamese, making it versatile for global applications.
Download Weights & Variants
200
300
regular
500
600
700
800
900
200 italic
300 italic
italic
500 italic
600 italic
700 italic
800 italic
900 italic