Oxygen Mono

.example-class {font-family: 'Oxygen Mono';}

Oxygen Mono

Oxygen Mono is classified as a monospace font, where each character occupies the same amount of horizontal space, ideal for code and tabular data.

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 Mono 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

Oxygen Mono 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

Fonts Similar to Oxygen Mono

Sixtyfour

Space Mono

IBM Plex Mono

Azeret Mono

Roboto Mono

How to Embed Oxygen Mono in Your Project

Using a <link> tag in HTML

<link href="https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap" rel="stylesheet">

Using @import in CSS

@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');

Using @font-face in CSS

@font-face { font-family: 'Oxygen Mono'; src: url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap'); }

CSS Code Examples

.example-class { font-family: 'Oxygen Mono'; }

Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.

// SCSS Variable $example-class-font-family: 'Oxygen Mono'; .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-mono-monospace; }

Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.

Oxygen Mono's Details

Oxygen Mono is a monospaced typeface created by Vernon Adams. Oxygen Mono, Oxygen Mono was developed as part of the KDE Project, which aimed to offer free software solutions for desktop environments. This font focuses on readability and functionality, making it ideal for coding and technical documentation. The design of Oxygen Mono features clean, straight lines with uniform character widths, ensuring alignment in columns and rows. It has a modern, geometric aesthetic, providing a clear and uncluttered appearance. The characters are well-spaced, aiding in easy differentiation and reducing eye strain during long periods of reading or coding. Oxygen Mono includes a full set of Latin characters, numerals, and punctuation marks. The consistent width of each character means that text blocks align perfectly, which is critical for code editors and terminal applications. The font's x-height is relatively high, enhancing legibility, especially on digital screens. Because of its monospaced nature, Oxygen Mono suits environments where precision and alignment are crucial. Programmers and developers often prefer it for writing and reading code. The font is also popular in technical writing and documentation, where clear structure and readability are paramount. Notable features of Oxygen Mono include its open-source license, allowing free usage and modification. This characteristic makes it accessible for both personal and commercial projects. Its design supports various operating systems and integrates seamlessly with many software tools, enhancing its utility across different platforms. In summary, Oxygen Mono is a functional and versatile monospaced font. Its clean design and open-source nature make it a popular choice for coding and technical applications.

Accessibility Overview for Oxygen Mono

Oxygen Mono is a monospace font designed as the companion family to Oxygen, the KDE project UI and brand type. It is characterized by its even spacing and uniform width for each character, making it suitable for coding and programming applications. The font's clean and modern design lends itself well to technical documentation, terminal displays, and other contexts where precise character alignment is essential.

Oxygen Mono's Legibility

Oxygen Mono exhibits excellent legibility with its clear and distinct characters, ample spacing, and balanced x-height. The monospaced format ensures consistent character differentiation, making it easy to distinguish between individual letters and symbols. The font's generous spacing contributes to its legibility, particularly in coding environments where precise character recognition is crucial.

Oxygen Mono's Readability

In terms of readability, Oxygen Mono performs well in various contexts. It is well-suited for long text passages, offering clarity and ease of reading for extended periods. Additionally, its legible design makes it suitable for captions and digital displays, ensuring that content remains clear and accessible across different platforms and screen sizes.

Oxygen Mono's Visual Fatigue and Adaptability

Oxygen Mono's even spacing and clear characters minimize visual fatigue, making it suitable for extensive reading materials such as technical documentation and code repositories. Furthermore, its adaptability across different devices and language scripts enhances its usability for a diverse range of users and applications.

Oxygen Mono Accessibility Recommendations

To ensure optimal accessibility, it is recommended to maintain a suitable contrast ratio when using Oxygen Mono in digital and print media. Additionally, selecting appropriate font sizes for different uses, such as coding environments and web content, is essential for enhancing readability across user groups. Modifications to the font's weight and spacing can be considered to improve accessibility for individuals with visual impairments.

Best Practices for Using Oxygen Mono

When using Oxygen Mono in design, it is best practice to apply the font in coding interfaces, technical documentation, and digital displays where precise character alignment is essential. For example, Oxygen Mono can be effectively utilized in code editors, terminal applications, and software development platforms to ensure clear and consistent representation of code and programming elements.

License Type

The Oxygen Mono font is under the SIL Open Font License (OFL) 1.1. This license allows you to use the font freely for personal and commercial projects. You can modify the font and use the modified version in your projects. However, if you distribute the modified font, you must rename it to avoid confusion with the original. You can embed the font in documents, software, and websites. This ensures that the text appears correctly without needing to install the font separately. You can't sell the font on its own. You can include it in a larger project that you sell. You don't need to ask for permission or pay any fees to use Oxygen Mono. You must include the license file or a note mentioning the license if you share the font. This keeps the terms clear for everyone. The license encourages collaboration. You can share improvements or modifications you've made to the font. This can help the community benefit from your work. You can't impose additional restrictions on the font. This ensures that everyone has the same freedoms you had when using it. It's designed to be simple and easy to understand. This helps you use the font confidently in various projects. You should read the full license text if you're planning significant modifications or distribution. This will ensure you comply with all terms.

Language Support

The Oxygen Mono font supports a wide range of languages, including those that use Latin, Greek, and Cyrillic scripts, making it versatile for programming, web design, and document creation across many European and some Asian languages.

Download Weights & Variants

regular

Oxygen Mono

Fonts Similar to Oxygen Mono

Sixtyfour

Space Mono

IBM Plex Mono

Azeret Mono

Roboto Mono

How to Embed Oxygen Mono in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Oxygen Mono's Details

Accessibility Overview for Oxygen Mono

Oxygen Mono's Legibility

Oxygen Mono's Readability

Oxygen Mono's Visual Fatigue and Adaptability

Oxygen Mono Accessibility Recommendations

Best Practices for Using Oxygen Mono

License Type

Language Support

Download Weights & Variants

About Us