Doppio One

.example-class {font-family: 'Doppio One';}

Doppio One

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

Doppio One 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

Doppio One 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 Doppio One

Cantora One

Rajdhani

Sarpanch

Capriola

Montserrat Subrayada

How to Embed Doppio One in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Doppio One'; }

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

// SCSS Variable $example-class-font-family: 'Doppio One'; .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-doppio-one-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.

Doppio One's Details

Doppio One is a sans-serif typeface designed for contemporary use. Doppio One, Doppio One, emerged in the early 2010s, crafted by the typographer Pablo Impallari. It was introduced to serve as a versatile font for various digital applications. The font features a clean and modern aesthetic, characterized by its rounded letterforms and uniform stroke widths. The design of Doppio One includes open counters and a high x-height, enhancing readability at smaller sizes. These traits make it suitable for both body text and headlines. The font has a subtle, geometric influence, evident in the symmetrical shapes of characters like 'O' and 'C'. Its simplicity and clarity are also seen in the straight lines and minimalistic approach to character design. Doppio One's versatility allows it to be used in multiple contexts, such as web design, branding, and advertising. It's commonly seen in digital interfaces because of its legibility on screens. The font is also effective in print media, including brochures and flyers. Its balanced and neutral appearance makes it a good choice for corporate communications. Notable features of Doppio One include the consistent weight across all glyphs, giving a harmonious and cohesive look. The font supports multiple languages, including Latin-based alphabets, making it accessible for global use. Its spacing and kerning have been meticulously adjusted to ensure even text flow, enhancing the overall reading experience. Doppio One also incorporates a set of stylistic alternates, providing designers with options to customize the appearance of the text. These alternates can add a unique touch to creative projects. The font's simplicity, combined with these features, makes it a popular choice among designers seeking a modern and functional typeface.

Accessibility Overview for Doppio One

Doppio One is a robust, low-contrast sans serif typeface with a contemporary feeling. It features a simple, clean, and modern design, making it ideal for use in a variety of digital projects. The font works well at small text sizes and large display sizes, making it versatile for both body text and headlines. Its boxy letterforms and balanced proportions give it a distinctive and modern appearance, suitable for a wide range of applications.

Doppio One's Legibility

The font's spacing, x-height, and character differentiation contribute to its legibility. The ample spacing between characters and words enhances readability, while the generous x-height ensures clear distinction between individual characters. The characters are well-differentiated, aiding in easy recognition and reducing the likelihood of confusion, particularly in smaller sizes.

Doppio One's Readability

Doppio One performs well in various contexts, including long text passages, captions, and digital displays. Its balanced proportions and clear letterforms make it suitable for extended reading, ensuring comfortable legibility. Additionally, the font maintains its clarity and impact in digital environments, making it versatile for use across different platforms and screen sizes.

Doppio One's Visual Fatigue and Adaptability

The font's design minimizes visual fatigue in extensive reading materials due to its balanced proportions and well-spaced characters. Furthermore, its adaptability across different devices and language scripts enhances its usability for a global audience, ensuring consistent readability across various platforms and screen resolutions.

Doppio One Accessibility Recommendations

To enhance accessibility, it is recommended to ensure sufficient contrast ratios when using Doppio One, particularly in smaller sizes or lower resolutions. When selecting font sizes, consideration should be given to different use cases, with larger sizes for display purposes and smaller sizes for body text. Modifications such as adjusting letter spacing and line height may be necessary to optimize readability across diverse user groups.

Best Practices for Using Doppio One

When using Doppio One in design, it is best to pair it with complementary sans serif or serif fonts to create visual hierarchy and maintain readability. For example, using Doppio One for headlines and a more traditional serif font for body text can create an aesthetically pleasing and balanced design. Additionally, leveraging the font's versatility by applying it to both digital and print materials can maximize its impact and consistency across various mediums.

License Type

Doppio One is a font available under the SIL Open Font License (OFL). This license allows you to use, study, modify, and redistribute the font freely. You can use it for personal or commercial projects without paying any fees. You can modify the font files to suit your needs. If you share the modified version, it must include the original license and not use the original name unless you get permission. You can bundle the font with software, documents, or websites. You can't sell the font on its own. You can't restrict others from using, modifying, or sharing it. When distributing copies or derivative works, include the license, and make sure it’s clear what changes were made.

Language Support

Doppio One supports a variety of languages, primarily those using the Latin alphabet, including Western European, Central European, and South Eastern European languages. This coverage ensures broad usability across many linguistic contexts.

Download Weights & Variants

regular

Doppio One

Fonts Similar to Doppio One

Cantora One

Rajdhani

Sarpanch

Capriola

Montserrat Subrayada

How to Embed Doppio One in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Doppio One's Details

Accessibility Overview for Doppio One

Doppio One's Legibility

Doppio One's Readability

Doppio One's Visual Fatigue and Adaptability

Doppio One Accessibility Recommendations

Best Practices for Using Doppio One

License Type

Language Support

Download Weights & Variants

About Us