Quattrocento Sans

.example-class {font-family: 'Quattrocento Sans';}

Quattrocento Sans

Bold

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

Quattrocento Sans 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

Quattrocento Sans 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 Quattrocento Sans

Englebert

Changa

RocknRoll One

Hind Madurai

Pathway Gothic One

How to Embed Quattrocento Sans in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Quattrocento Sans'; }

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

// SCSS Variable $example-class-font-family: 'Quattrocento Sans'; .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-quattrocento-sans-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.

Quattrocento Sans's Details

Quattrocento Sans is a sans-serif typeface designed by Pablo Impallari. Quattrocento Sans, Quattrocento Sans is inspired by classic Roman proportions. The design was released in 2011. It's part of the larger Quattrocento family, which includes a serif counterpart. The typeface features a clean and elegant structure. Its letterforms have a high x-height, making it highly legible at various sizes. The strokes are consistent in weight, providing a balanced appearance. The terminals are slightly rounded, softening the overall look. The font has a moderate contrast between thick and thin strokes. Quattrocento Sans includes multiple weights like regular, bold, and light. Each weight maintains the same design principles. The font supports numerous languages, covering a wide range of characters and diacritics. It's often used in web design because of its readability. The typeface also works well in print media, including brochures and magazines. Its versatile nature makes it suitable for both body text and headlines. The font's clarity ensures it remains legible even in smaller sizes. Notable features include its harmonious proportions and subtle detailing. The font's design incorporates influences from classical Roman inscriptions. These elements give it a timeless yet modern feel. The rounded terminals add a touch of friendliness to the otherwise formal structure. Designers like using Quattrocento Sans for projects requiring a clean and sophisticated look. The font's balanced weight distribution aids in maintaining visual harmony. Its high legibility makes it a reliable choice for various applications. The sans-serif typeface complements its serif counterpart, offering design flexibility. The combination of both fonts can create a cohesive visual identity. Quattrocento Sans is a practical choice for designers seeking elegance and readability. Its open-source licensing allows for free use in personal and commercial projects. This accessibility has contributed to its popularity among designers. The typeface's classical roots and modern execution make it a valuable addition to any font library.

Accessibility Overview for Quattrocento Sans

Quattrocento Sans is a classic, elegant, and sober typeface designed with wide and open letterforms. It features a generous x-height, making it highly legible for body text even at small sizes. The font exudes warmth and readability without being intrusive, making it suitable for a wide range of applications.

Quattrocento Sans's Legibility

Quattrocento Sans excels in legibility due to its generous x-height, which contributes to clear character recognition even at small sizes. The spacing and character differentiation are well-balanced, enhancing its legibility across various text settings.

Quattrocento Sans's Readability

In terms of readability, Quattrocento Sans performs admirably in long text passages, captions, and digital displays. Its warm and readable nature makes it suitable for conveying information effectively in both print and digital media.

Quattrocento Sans's Visual Fatigue and Adaptability

The font's design minimizes visual fatigue, making it suitable for extensive reading materials. Additionally, its adaptability across different devices and language scripts ensures a seamless reading experience for a diverse audience.

Quattrocento Sans Accessibility Recommendations

Experts recommend ensuring adequate contrast ratios and selecting suitable sizes for different uses to enhance the font's accessibility. Modifying the font for enhanced readability across user groups, particularly those with visual impairments, is essential for ensuring inclusivity.

Best Practices for Using Quattrocento Sans

When using Quattrocento Sans in design, it is best to leverage its warm and elegant characteristics for body text in printed materials such as books, magazines, and brochures. For digital applications, it can be effectively utilized in website content, mobile interfaces, and e-books to maintain a professional and readable appearance.

License Type

Quattrocento Sans is a font available under the SIL Open Font License (OFL). This license allows you to use, modify, and distribute the font for free. It means you can use it in both personal and commercial projects without needing to pay or get permission. You can embed the font in documents, websites, or apps. You can also customize it by making changes to the design. If you modify the font and share it, you must rename it to avoid confusion with the original. This keeps the original font separate and distinct. The license allows you to bundle the font with software. You can include it in a software package you distribute. You can't sell the font by itself. However, you can charge for a product that includes it. The font must be licensed under the same OFL if you distribute it. This means others can use, modify, and share it under the same terms. You need to include the license file with the font when you distribute it. In summary, Quattrocento Sans under the SIL Open Font License offers a lot of freedom. You can use it for various projects, modify it, and share it, all without cost. Just follow the terms like renaming modified versions and including the license when distributing.

Language Support

Quattrocento Sans supports a wide range of languages, particularly those using the Latin script. This includes Western European, Central European, and South Eastern European languages, ensuring broad accessibility and usability across different linguistic groups.

Download Weights & Variants

regular

italic

700

700 italic

Quattrocento Sans

Fonts Similar to Quattrocento Sans

Englebert

Changa

RocknRoll One

Hind Madurai

Pathway Gothic One

How to Embed Quattrocento Sans in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Quattrocento Sans's Details

Accessibility Overview for Quattrocento Sans

Quattrocento Sans's Legibility

Quattrocento Sans's Readability

Quattrocento Sans's Visual Fatigue and Adaptability

Quattrocento Sans Accessibility Recommendations

Best Practices for Using Quattrocento Sans

License Type

Language Support

Download Weights & Variants

About Us