Comme 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 |
Catharsis Fonts
sans-serif
92
9
Co
Comme
.example-class {font-family: 'Comme';}
Comme
Thin
ExtraLight
Light
Medium
SemiBold
Bold
ExtraBold
Black
Comme 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
! @ # $ % ^ & * ( ) + =
Comme 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 Comme
CSS Code Examples
.example-class { font-family: 'Comme'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Comme'; .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-comme-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.
Comme's Details
Comme is a sans-serif typeface designed by Swiss designer Berton Hasebe. Comme, Comme's development began as a personal project. It's inspired by the classic grotesque typefaces from the 19th century. The designer aimed to create a versatile font that could be used across various media. The design characteristics of Comme include a uniform stroke width, which gives it a clean and modern appearance. The letterforms are geometric but retain a touch of humanism, making them approachable and friendly. The x-height is relatively high, enhancing readability in smaller sizes. The font features open counters and a low contrast between thick and thin strokes. Its ascenders and descenders are short, which allows for tight line spacing. Comme is often used in digital interfaces, print media, branding, and advertising. It's popular in web design because of its legibility and neutral tone. The font is also favored in corporate identities and editorial design, where a clean and professional look is desired. Notable features of Comme include its extensive character set. It supports multiple languages, including those with extended Latin characters. The font also includes various weights and styles, from light to bold, with matching italics. This range allows for flexibility in typographic hierarchy and design consistency. The font's simplicity and functionality make it a go-to choice for designers seeking a reliable typeface. Its balance between geometric precision and subtle humanistic traits provides a unique blend that's both professional and approachable.
Accessibility Overview for Comme
Comme is a versatile sans-serif font with a variable weight, making it suitable for a wide range of design applications. Its key design characteristics include clean lines, modern proportions, and a balanced x-height, contributing to a contemporary and professional aesthetic. Comme is commonly used in editorial design, branding, web design, and digital interfaces due to its clean and modern appearance.Comme's Legibility
Comme demonstrates strong legibility with well-proportioned spacing, a balanced x-height, and clear differentiation between characters. The generous spacing between letters and words enhances readability, especially in smaller sizes and digital formats.Comme's Readability
In various contexts, such as long text passages, captions, and digital displays, Comme maintains high readability. Its clean and modern design ensures that it remains legible even in smaller sizes and on digital screens, making it suitable for a wide range of applications.Comme's Visual Fatigue and Adaptability
Comme's balanced design minimizes the potential for visual fatigue in extensive reading materials. Additionally, its adaptability across different devices and language scripts makes it a versatile choice for international audiences and multi-platform use.Comme Accessibility Recommendations
To enhance accessibility, it is recommended to ensure sufficient contrast ratios when using Comme in various design contexts. Additionally, using adequate font sizes and considering modifications for enhanced readability across diverse user groups can improve accessibility.Best Practices for Using Comme
When using Comme in design, it is best to pair it with complementary fonts to create visual interest and hierarchy. For example, using Comme for body text and pairing it with a contrasting sans-serif or serif font for headings and subheadings can create a balanced and visually appealing design. Additionally, using appropriate font sizes and line spacing will further enhance the overall readability and visual impact of the design.License Type
The font Comme is licensed under the Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can use the font for personal, professional, or commercial projects without any cost. Whether you're creating a website, designing a logo, or publishing a book, you can include the font without needing to pay or get special permission.
You can change the font's design or adjust it to fit your needs, then share your modified version. But, if you distribute your modified font, you can't use the original name. You need to give it a new name to show it's a different version.
The OFL lets you bundle the font with software, documents, or other materials. For example, if you're developing an app or designing a theme, you can include the font in your package. However, you can't sell the font by itself. You can only distribute it as part of a larger project.
You must include a copy of the OFL license and any copyright notices when you share the font. This ensures that others know they have the same rights to use, modify, and distribute the font.
The OFL promotes collaboration and sharing, encouraging designers to improve and adapt fonts while maintaining the original creator's credit.
Language Support
This font supports English, French, Spanish, German, Italian, Portuguese, Dutch, Swedish, Norwegian, Danish, Finnish, and Russian.
Download Weights & Variants
100
200
300
regular
500
600
700
800
900