Recursive 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 |
Arrow Type
sans-serif
92
7
Re
Recursive
.example-class {font-family: 'Recursive';}
Recursive
Light
Medium
SemiBold
Bold
ExtraBold
Black
Recursive 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
! @ # $ % ^ & * ( ) + =
Recursive 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 Recursive
CSS Code Examples
.example-class { font-family: 'Recursive'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Recursive'; .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-recursive-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.
Recursive's Details
Recursive is a versatile typeface designed by Stephen Nixon. Recursive, Recursive demonstrates a unique blend of both mono and proportional styles. Its design originated from a desire to create a font that could switch seamlessly between different modes, making it adaptable for various uses. The typeface's history began around 2018 when Stephen Nixon sought to merge the functionality of a monospaced font with the readability of a proportional font. Recursive's design reflects this goal with its dynamic range of weights and styles. It incorporates a variety of features, including slanted forms and unique letter shapes, to maintain readability and aesthetic appeal. Recursive's design characteristics include a balance between rigid and fluid elements. The font has distinct letterforms that are easily distinguishable, even in small sizes. It offers a variety of weights, from light to heavy, and styles ranging from normal to italic. This range makes it suitable for multiple applications, like coding, digital interfaces, and print media. The font's versatility is one of its standout features. It can transition smoothly from a monospaced to a proportional format, making it ideal for applications that require both precision and style. Designers often use it in user interfaces because it maintains clarity across various screen sizes. Developers might prefer it for coding environments where readability and alignment are crucial. Notable features of Recursive include its ability to toggle between different stylistic sets. Users can adjust the font's appearance by activating various features, like slant and weight. This flexibility allows for a high degree of customization, catering to specific design needs. Another key aspect is its open-source nature, enabling widespread use and adaptation. In summary, Recursive is a multifaceted typeface designed to offer both monospaced and proportional options. Its history, rooted in the need for versatility, is reflected in its design features and applications. Whether used in digital or print contexts, Recursive provides a unique blend of functionality and aesthetic quality through its various weights, styles, and customizable features.
Accessibility Overview for Recursive
Recursive is a highly flexible variable font designed for a wide range of applications, including design, code, and user interfaces. It draws inspiration from casual script signpainting, resulting in a unique and versatile typeface suitable for various design and coding purposes. The font family includes both sans-serif and monospaced styles, offering a high degree of adaptability for different design and development contexts.Recursive's Legibility
Recursive excels in legibility due to its well-balanced spacing, generous x-height, and clear character differentiation. The ample spacing between letters and words enhances readability, especially in code and user interface design where precise character differentiation is crucial. The monospaced style ensures consistent character width, further enhancing legibility in coding and programming applications.Recursive's Readability
In terms of readability, Recursive performs well across different contexts. It is suitable for long text passages, providing clear and easy-to-read characters that are conducive to extended reading. Additionally, it maintains readability in captions and digital displays, ensuring that text remains clear and legible even at smaller sizes and on various screen resolutions.Recursive's Visual Fatigue and Adaptability
The font's design minimizes visual fatigue, making it suitable for extensive reading materials. Its adaptability across different devices and screen sizes ensures consistent readability and visual appeal, regardless of the platform or device used. Furthermore, Recursive supports various language scripts, enhancing its adaptability for multilingual content and global audiences.Recursive Accessibility Recommendations
To enhance accessibility, it is recommended to ensure adequate contrast ratios when using Recursive, particularly in digital interfaces. Additionally, selecting appropriate font sizes for different uses, such as body text and headings, is essential for accommodating diverse user groups. Modifications to letter spacing and line height may be necessary to optimize readability for individuals with specific visual needs.Best Practices for Using Recursive
When using Recursive in design, it is important to consider its variable nature and leverage the available axes, such as weight, width, and italic, to create visual hierarchy and emphasis. For example, using the variable font features to adjust font weight and width can help differentiate headers from body text, enhancing overall design aesthetics and readability. Additionally, utilizing the monospaced style for code and programming elements can ensure consistency and clarity in technical content.License Type
The font Recursive is licensed under the 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 paying for it. You can also share it with others or include it in software or documents.
Modifying the font is allowed. If you make changes to the font, you should rename it to avoid confusion with the original. This helps people know if they're using a modified version.
You can bundle the font with software, documents, or other products. However, you can't sell the font by itself. You can include it in a product you're selling, like a book or an app, but you can't just sell the font on its own.
If you distribute the font, you have to include the license file and any other files that came with it. This ensures that everyone who gets the font knows their rights and responsibilities.
The OFL doesn't allow you to claim that you created the original font if you didn't. You must give credit to the original creators.
You can't use the font's name or the names of its creators to promote your modified version without permission. This rule prevents misleading endorsements.
The license promotes collaboration and sharing because it encourages people to improve and share their versions while respecting the original creators' work.
Language Support
This font supports a wide range of languages, including but not limited to Latin, Cyrillic, and Greek scripts, enabling it to cover most European languages, many African languages, as well as a variety of languages across Asia and the Americas.
Download Weights & Variants
300
regular
500
600
700
800
900