Oxygen 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
87
3
Ox
Oxygen
.example-class {font-family: 'Oxygen';}
Oxygen
Light
Bold
Oxygen 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
! @ # $ % ^ & * ( ) + =
Oxygen 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 Oxygen
CSS Code Examples
.example-class { font-family: 'Oxygen'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Oxygen'; .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-oxygen-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.
Oxygen's Details
Oxygen is a sans-serif typeface created by Vernon Adams. Oxygen, Oxygen was originally designed for use in the KDE project's desktop environment. The font was developed to be legible on screens of all sizes. It's characterized by its clean and modern appearance. The glyphs have a relatively low contrast, which enhances readability. The typeface includes a range of weights, from light to bold. This allows for versatility in various design projects. The letterforms of Oxygen are straightforward and geometric. The characters feature open counters, which help improve clarity even at smaller sizes. The x-height is relatively high, making the text appear larger and more readable. The spacing between the characters is generous, reducing the likelihood of crowding. This is particularly beneficial for on-screen text, where readability is paramount. Oxygen is often used in user interfaces because of its clarity and simplicity. It's also popular in web design, where legibility on different devices is crucial. The font supports a wide range of languages and includes various special characters. This makes it suitable for international use. The design is optimized for both desktop and mobile screens. This ensures consistency across different platforms. The development of Oxygen was part of an effort to create a cohesive visual identity for KDE. This included icons, themes, and other visual elements. The font's design aimed to complement these elements, providing a seamless user experience. The typeface has since been adopted beyond KDE, finding use in various other projects. One notable feature of Oxygen is its open-source nature. This allows anyone to use and modify the font. It's available under the SIL Open Font License, encouraging widespread adoption and adaptation. The font's open-source status has contributed to its popularity and frequent updates. Overall, Oxygen's design focuses on legibility and versatility. Its clean lines and open forms make it a reliable choice for digital text. Whether used in user interfaces or web content, Oxygen maintains clarity and readability.
Accessibility Overview for Oxygen
The Oxygen font features a clean and modern design with a square and strict grid-based unicase style. Its precise and clear appearance makes it suitable for conveying a contemporary aesthetic. Oxygen is commonly used in digital interfaces, websites, and print materials where a clinical and precise visual impression is desired.Oxygen's Legibility
Oxygen font offers good legibility due to its balanced spacing, moderate x-height, and distinct character differentiation. The well-proportioned spacing contributes to clear letterforms, while the moderate x-height ensures readability at various sizes. Additionally, the clear distinction between characters enhances legibility even in small sizes.Oxygen's Readability
In terms of readability, Oxygen performs well in various contexts. It is suitable for long text passages, captions, and digital displays, maintaining clarity and coherence across different typographic settings. The font's clean and precise design allows for comfortable reading experiences across different mediums.Oxygen's Visual Fatigue and Adaptability
The font's precise and clear design minimizes the potential for visual fatigue in extensive reading materials. Additionally, Oxygen demonstrates adaptability across different devices and language scripts, ensuring consistent legibility and aesthetic appeal in diverse settings.Oxygen Accessibility Recommendations
For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using the Oxygen font, especially in digital environments. Suitable font sizes should be chosen based on the specific usage context to accommodate diverse user groups. Modifications such as adjusting letter spacing may be beneficial for improved readability, particularly for users with visual impairments.Best Practices for Using Oxygen
To effectively use the Oxygen font in design, it is advisable to apply it in digital interfaces, websites, and print materials where a modern and precise visual impression is desired. For example, Oxygen can be utilized in user interfaces, branding materials, and editorial designs to convey a contemporary and clean aesthetic. When using Oxygen for body text, ensuring appropriate font sizes and line spacing will contribute to optimal readability.License Type
The font Oxygen is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font. You can use it in both personal and commercial projects without paying a fee.
The OFL has a few important requirements:
1. If you modify the font, you can't use the original name for your new version.
2. You must include the license with any distributed copies of the font.
3. You can't sell the font by itself, but you can include it in software or other products.
It’s fine to embed the font in documents, websites, or apps. You don't need permission or need to worry about copyright infringement.
If you share the font, make sure to keep the license attached. This ensures others know their rights and limitations.
The main idea is to keep the font free and open, allowing everyone to use and improve it.
Language Support
The Oxygen font 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 Cyrillic script languages, enhancing its versatility for global use.
Download Weights & Variants
300
regular
700