Oi 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 |
Natalia Chaeva
display
63
1
Oi
Oi
.example-class {font-family: 'Oi';}
Oi
Oi is classified as a display font, designed for large-size usage in headlines and titles, offering a high level of visual impact.
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
! @ # $ % ^ & * ( ) + =
Oi 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 Oi
CSS Code Examples
.example-class { font-family: 'Oi'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Oi'; .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-oi-display; }- Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.
Oi's Details
Oi is a bold, quirky typeface known for its distinctive character and playful appearance. Oi, Oi's design, stands out due to its exaggerated curves and unconventional shapes. It was crafted by Kostas Bartsokas, released by Google Fonts. This typeface features thick, irregular lines, giving it a hand-drawn, whimsical quality. Letterforms in Oi often exhibit unique, almost cartoonish proportions, making them immediately recognizable. Oi's history traces back to its creation as a display typeface intended to grab attention. It's used in contexts where a loud, eye-catching font is desired. Posters, branding materials, and social media graphics are common uses for Oi. Its bold style ensures that it commands attention, making it ideal for headlines and titles. The typeface’s unconventional style might not suit long paragraphs of text because it's harder to read in large blocks. Oi includes both uppercase and lowercase letters, numbers, and a variety of punctuation marks. The uppercase letters are particularly notable for their dramatic flair, often featuring exaggerated strokes and curves. Lowercase letters tend to be more restrained but still carry the font's signature playful essence. The numbers in Oi, like the letters, are bold and quirky, ensuring they stand out in any design. One of Oi's notable characteristics is its ability to convey a sense of fun and creativity. It's perfect for projects that aim to be informal or artistic. Designers think about using Oi to bring a touch of humor to their work. This font is also versatile in terms of color, easily adapting to various palettes due to its strong visual presence. Oi’s design is not just about aesthetics. Its boldness ensures readability from a distance, making it suitable for signage and advertisements. The typeface's unusual shapes add a layer of visual interest, which can make a design memorable. In addition to its standard set, Oi includes some special characters and alternate glyphs that enhance its versatility. These additional characters provide more options for customization and creativity in design projects. Overall, Oi is a typeface that combines boldness with whimsy, making it a unique choice for designers looking to add a playful touch to their work. Its distinctive style ensures that any text set in Oi will be noticed and remembered.
Accessibility Overview for Oi
The Oi font is an ultra-fat display typeface with roots in grotesque slab serifs, specifically the style that emerged with the release of Caslon's Ionic. It is characterized by its bold and heavy appearance, making it suitable for attention-grabbing headlines, posters, and branding materials. The font's design features ultra-thick strokes and a distinctive, attention-grabbing presence, making it ideal for large-scale applications where impact and visibility are paramount.Oi's Legibility
Oi font's legibility is influenced by its spacing, x-height, and character differentiation. The generous spacing between characters and words enhances legibility, while the x-height ensures clear distinction between uppercase and lowercase characters. Additionally, the font's unique character shapes contribute to its legibility, ensuring that each letter is easily distinguishable even at large sizes.Oi's Readability
In terms of readability, Oi font performs well in short bursts of text such as captions and titles, where its bold and attention-grabbing nature can be effectively utilized. However, its ultra-fat design may pose challenges in long text passages, as the heavy strokes and exaggerated forms could potentially strain the reader's eyes and hinder sustained reading.Oi's Visual Fatigue and Adaptability
The font's visual impact may lead to visual fatigue in extensive reading materials due to its heavy and attention-demanding design. However, its adaptability across different devices and language scripts is noteworthy, allowing for effective use in various digital and print applications.Oi Accessibility Recommendations
To enhance accessibility, it is recommended to use Oi font in larger sizes and high-contrast combinations to ensure readability for all user groups. For digital use, ensuring sufficient spacing and leading can aid in improving legibility. Additionally, considering alternative typefaces for extended reading materials can mitigate potential visual fatigue.Best Practices for Using Oi
When using Oi font, it is best employed for headlines, banners, and attention-grabbing elements where its bold and impactful nature can be fully utilized. Combining it with complementary typefaces that offer high contrast in weight and style can create effective visual hierarchy and improve overall readability in design compositions.License Type
The font "Oi" is licensed under the Open Font License (OFL). This license allows you to use, study, modify, and redistribute the font freely. You can use it for both personal and commercial purposes. You don't need to pay for it or ask for permission. You can install it on your computer and use it in your projects, like creating logos, designing websites, or printing on merchandise.
If you modify the font, you're allowed to distribute your version. However, you must rename the modified font to avoid confusion with the original. This helps keep the original font's reputation intact. You can't sell the font by itself. You can include it in a larger software package or project you're selling, but you can't charge for the font directly.
The OFL also requires that any distribution of the font, whether modified or not, includes the original license file. This ensures that everyone who receives the font knows their rights and obligations. Additionally, you can't use the font's name to promote your modified version. For example, if you create a new font based on Oi, you can't call it "Oi Pro" or "Oi Enhanced."
The license encourages collaboration and sharing. Font creators can share their improvements with the community, benefiting everyone who uses the font. This open approach helps keep the font's ecosystem vibrant and dynamic.
Language Support
This font supports multiple languages, including those that use Latin, Cyrillic, and Greek scripts, accommodating a wide range of Western, Central, and Eastern European languages, as well as several languages from the Cyrillic and Greek-speaking communities.
Download Weights & Variants
regular