IBM Plex Mono

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

IBM Plex Mono

Thin

ExtraLight

Light

Medium

SemiBold

Bold

IBM Plex 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
! @ # $ % ^ & * ( ) + =

IBM Plex 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

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

Syne Mono

Roboto Mono

Major Mono Display

Fira Code

Oxygen Mono

How to Embed IBM Plex Mono in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

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

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

// SCSS Variable $example-class-font-family: 'IBM Plex 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-ibm-plex-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.

IBM Plex Mono's Details

IBM Plex Mono is a monospaced typeface designed by IBM. IBM Plex Mono is part of the IBM Plex family, which includes other styles like IBM Plex Sans and IBM Plex Serif. The typeface was created to reflect IBM's brand spirit and history. It was publicly released in 2017 under an open-source license. The design of IBM Plex Mono features a clean, modern look with a touch of nostalgia. The characters are uniform in width, making it suitable for coding and technical documents. The typeface includes a variety of weights from Thin to Bold. Each weight supports an extensive range of characters, including Latin, Cyrillic, and Greek scripts. IBM Plex Mono's design is influenced by classic typewriter fonts. Its characters have a mechanical yet humanistic feel. The lowercase 'a' is double-story, and the 'g' is single-story, adding uniqueness. The font also includes distinctive features like a slashed zero, which helps differentiate it from the letter 'O'. The punctuation marks are clear and well-defined, enhancing readability. The font is commonly used in programming environments because of its monospaced nature. It's also popular in design projects where a retro-tech aesthetic is desired. The open-source nature of IBM Plex Mono allows for broad customization and adaptation by developers. It's often seen in terminal emulators, text editors, and IDEs. IBM Plex Mono stands out for its balance between form and function. The meticulous attention to spacing ensures that the text is easy to read, even in dense code blocks. The typeface's versatility makes it suitable for both screen and print applications. Its extensive language support broadens its usability across different regions. The font's creation process involved extensive research and iteration. IBM's design team collaborated with external typographers to ensure high quality. The result is a typeface that embodies IBM's heritage while looking forward to modern design trends. IBM Plex Mono continues to be updated, with new features and improvements introduced periodically.

Accessibility Overview for IBM Plex Mono

IBM Plex Mono is a monospaced typeface designed by IBM and Bold Monday. It is part of the IBM Plex superfamily, which also includes sans-serif, serif, and condensed styles. The font is versatile and well-suited for a variety of applications, including coding, technical documentation, user interfaces, and digital displays. Its key design characteristics include a clean and modern appearance, consistent letter width, and distinct geometric shapes. The font's monospaced nature ensures that each character occupies the same amount of horizontal space, making it ideal for aligning code and tabular data.

IBM Plex Mono's Legibility

IBM Plex Mono offers excellent legibility due to its generous spacing, ample x-height, and clear character differentiation. The well-balanced spacing between characters and words enhances readability, especially in code and technical contexts. The font's ample x-height contributes to its legibility by ensuring that lowercase letters are easily distinguishable. Additionally, the clear differentiation between characters, including similar-looking ones such as 'l' and '1', further enhances legibility, especially in coding environments.

IBM Plex Mono's Readability

In terms of readability, IBM Plex Mono performs well in various contexts. It is particularly effective for long text passages, technical documentation, and captions where precise character alignment is essential. The font's consistent letter width and clean design contribute to its readability, making it suitable for digital displays and user interfaces. However, in smaller sizes, it may be less suitable for lengthy reading due to its monospaced nature, which can lead to visual fatigue.

IBM Plex Mono's Visual Fatigue and Adaptability

IBM Plex Mono's monospaced design may lead to visual fatigue in extensive reading materials, especially in smaller sizes, as the uniform character width can create a repetitive visual pattern. However, its adaptability across different devices and language scripts is noteworthy. The font's support for various languages and its clear, geometric shapes make it suitable for digital interfaces and cross-platform applications.

IBM Plex Mono Accessibility Recommendations

For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using IBM Plex Mono in digital interfaces and printed materials. When selecting font sizes, especially for lengthy reading, it is advisable to choose larger sizes to mitigate potential visual fatigue. Additionally, modifications such as adjusting letter spacing and line height can enhance readability across different user groups, including those with visual impairments.

Best Practices for Using IBM Plex Mono

When using IBM Plex Mono in design, it is best to leverage its monospaced nature for aligning and presenting code, tabular data, and technical information. For example, in coding environments, the font's consistent character width can help maintain visual clarity and precision. In user interfaces, it can be used to convey technical information and provide a modern, clean aesthetic.

License Type

The font IBM Plex Mono is licensed under the SIL Open Font License (OFL). This license lets you use, study, and modify the font for free. You can also share the font with others. However, there are some rules you need to follow. You can't sell the font by itself. You can include it in a larger project, like software or a document, and sell that. If you make changes to the font and share it, you must rename it to avoid confusion with the original. The license ensures you include a copy of the OFL with the font when you share it. You can't use the font's name to promote your own project if you've modified the font. The OFL also allows embedding the font in documents or websites. You can use it in both personal and commercial projects without worrying about fees. The main goal is to encourage collaboration and sharing while respecting the original creators.

Language Support

IBM Plex Mono supports a wide range of languages, including most Latin-based languages, Cyrillic languages, and Greek, making it a versatile font choice for global applications.

Download Weights & Variants

100

100 italic

200

200 italic

300

300 italic

regular

italic

500

500 italic

600

600 italic

700

700 italic

IBM Plex Mono

Fonts Similar to IBM Plex Mono

Syne Mono

Roboto Mono

Major Mono Display

Fira Code

Oxygen Mono

How to Embed IBM Plex Mono in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

IBM Plex Mono's Details

Accessibility Overview for IBM Plex Mono

IBM Plex Mono's Legibility

IBM Plex Mono's Readability

IBM Plex Mono's Visual Fatigue and Adaptability

IBM Plex Mono Accessibility Recommendations

Best Practices for Using IBM Plex Mono

License Type

Language Support

Download Weights & Variants

About Us