Cormorant Garamond

.example-class {font-family: 'Cormorant Garamond';}

Cormorant Garamond

Light

Medium

SemiBold

Bold

Cormorant Garamond is classified as a serif font, known for its small lines or extensions at the ends of its characters, enhancing readability.

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

Cormorant Garamond 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

Cormorant Garamond 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 Cormorant Garamond

Andada Pro

Cormorant Upright

Ovo

Antic Slab

Tienne

How to Embed Cormorant Garamond in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Cormorant Garamond'; }

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

// SCSS Variable $example-class-font-family: 'Cormorant Garamond'; .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-cormorant-garamond-serif; }

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

Cormorant Garamond's Details

Cormorant Garamond is a serif typeface designed by Christian Thalmann. It's inspired by the work of Claude Garamond and Robert Granjon. Cormorant Garamond, Cormorant Garamond, aims to blend historical elegance with modern precision. The font includes a variety of weights and styles, ranging from light to bold, and includes italics. The design characteristics of Cormorant Garamond include high contrast between thick and thin strokes, sharp serifs, and well-defined curves. The letterforms exhibit a balance between grace and readability, making it suitable for both display and body text. The x-height is moderate, while the ascenders and descenders are relatively long, giving the typeface a stately appearance. Cormorant Garamond's uses are versatile. It's often utilized in editorial design, book typesetting, and branding. Its refined look makes it a popular choice for invitations, certificates, and formal documents. The font's legibility ensures it performs well in print and digital mediums alike. Notable features of Cormorant Garamond include its extensive character set, supporting multiple languages and typographic nuances. The font offers small caps, ligatures, and old-style figures, which enhance its typographic richness. These features make it a favorite among designers who seek a classic yet contemporary typeface. The font's history traces back to Thalmann's admiration for classic typefaces. He sought to create a modern interpretation that retained the beauty of its predecessors. This dedication to blending tradition with innovation is evident in every glyph. The font's design process involved meticulous attention to detail, ensuring each letterform conveys a sense of harmony and elegance. In summary, Cormorant Garamond stands out for its combination of historical influence and modern design. Its versatility, extensive features, and elegant appearance make it a valuable asset in various design contexts. The font's unique blend of attributes showcases the designer's commitment to creating a timeless typeface.

Accessibility Overview for Cormorant Garamond

Cormorant Garamond is a display type family characterized by small counters, sharp serifs, smooth curves, and tall accents. It offers 45 font files across 9 different visual styles, making it versatile for various design applications. This font family is suitable for use in headlines, posters, and other display settings where its flamboyant characteristics can make a strong visual impact.

Cormorant Garamond's Legibility

Cormorant Garamond's legibility is enhanced by its well-balanced spacing, moderate x-height, and clear character differentiation. These features contribute to its readability in both print and digital media, making it suitable for body text as well as headings.

Cormorant Garamond's Readability

In long text passages, Cormorant Garamond performs well due to its moderate x-height and clear letterforms, which aid in maintaining readability over extended reading periods. It is also suitable for captions and digital displays, where its sharp serifs and smooth curves remain visually appealing.

Cormorant Garamond's Visual Fatigue and Adaptability

The font's flamboyant characteristics may lead to visual fatigue in extensive reading materials, particularly at smaller sizes. However, its adaptability across different devices and language scripts makes it a versatile choice for various design contexts.

Cormorant Garamond Accessibility Recommendations

To enhance accessibility, it is recommended to ensure sufficient contrast ratios when using Cormorant Garamond, especially in smaller sizes or low-contrast environments. Additionally, selecting appropriate sizes for different uses and considering modifications for enhanced readability across user groups can improve accessibility.

Best Practices for Using Cormorant Garamond

When using Cormorant Garamond, it is best to reserve it for larger display settings where its unique characteristics can be fully appreciated, such as in posters, book covers, or branding materials. For body text, pairing it with a more neutral and legible typeface can help maintain readability and visual appeal.

License Type

The font Cormorant Garamond is licensed 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 both personal and commercial purposes without any cost. You can adapt the font to suit your needs. If you modify the font, you can share your version, but you must rename it to avoid confusion with the original. The license aims to ensure that the original font remains free and accessible while fostering collaboration and improvement. You can embed the font in documents, apps, and websites. The license encourages widespread use and sharing. You can't sell the font by itself, but you can include it as part of a larger project or product. The license also allows you to bundle the font with software, ensuring it remains free. If you distribute the font, you must include the same license, ensuring others enjoy the same freedoms. In summary, the SIL OFL lets you use, modify, and share Cormorant Garamond freely, encouraging collaboration and ensuring continued accessibility.

Language Support

Cormorant Garamond is a font that supports a wide range of languages, primarily those using the Latin script, including Western European, Central European, and Southeastern European languages. It also offers support for the Cyrillic script, covering many Slavic languages such as Russian, Ukrainian, Bulgarian, and Serbian, among others. Additionally, the font includes a variety of special characters and glyphs to accommodate extended linguistic needs and typographic preferences.

Download Weights & Variants

300

300 italic

regular

italic

500

500 italic

600

600 italic

700

700 italic

Cormorant Garamond

Fonts Similar to Cormorant Garamond

Andada Pro

Cormorant Upright

Ovo

Antic Slab

Tienne

How to Embed Cormorant Garamond in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Cormorant Garamond's Details

Accessibility Overview for Cormorant Garamond

Cormorant Garamond's Legibility

Cormorant Garamond's Readability

Cormorant Garamond's Visual Fatigue and Adaptability

Cormorant Garamond Accessibility Recommendations

Best Practices for Using Cormorant Garamond

License Type

Language Support

Download Weights & Variants

About Us