Lexend Deca

.example-class {font-family: 'Lexend Deca';}

Lexend Deca

Thin

ExtraLight

Light

Medium

SemiBold

Bold

ExtraBold

Black

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

Lexend Deca 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

Lexend Deca 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 Lexend Deca

Hedvig Letters Sans

Cairo

Mukta Vaani

Questrial

Kosugi

How to Embed Lexend Deca in Your Project

Using a <link> tag in HTML

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

Using @import in CSS

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

Using @font-face in CSS

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

CSS Code Examples

.example-class { font-family: 'Lexend Deca'; }

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

// SCSS Variable $example-class-font-family: 'Lexend Deca'; .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-lexend-deca-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.

Lexend Deca's Details

Lexend Deca is a sans-serif typeface designed to enhance reading performance. Lexend Deca, Lexend Deca originated from the Lexend project, which aimed to create fonts that reduce visual stress and improve readability. It was designed by Thomas Jockin and introduced in collaboration with Google Fonts. Lexend Deca features wide letter spacing, open counters, and large x-heights. Its characters are slightly elongated, making them easier to distinguish. Rounded terminals soften its appearance, while consistent stroke widths provide uniformity. The font has a modern, clean aesthetic, suitable for various digital and print media. Design characteristics include simplified letterforms and minimal contrast between thick and thin strokes. This approach reduces eye strain, making it user-friendly for long reading sessions. The font supports multiple weights, from thin to bold, offering versatility for different design needs. Lexend Deca finds use in educational materials, user interfaces, and accessibility-focused projects. Its legibility makes it ideal for e-books, websites, and presentations. Educators and designers often choose it to create inclusive and readable content. Notable features include its adaptability to different screen sizes and resolutions. It's optimized for clarity, even at smaller text sizes. The font also supports numerous languages and scripts, enhancing its global usability. Because of its design principles, Lexend Deca contributes to a more comfortable reading experience for diverse audiences.

Accessibility Overview for Lexend Deca

Lexend Deca is a font designed to enhance reading proficiency, featuring a wider and more openly spaced design. It is part of the Lexend font family, which includes seven font families of increasing width and spacing. The font's key design characteristics include a generous x-height and open letterforms, making it suitable for improving reading comprehension. It is commonly used in digital and print media for body text, long-form content, and educational materials.

Lexend Deca's Legibility

Lexend Deca's legibility is enhanced by its generous x-height, which contributes to clear character differentiation and readability. The open spacing and balanced letterforms further improve character recognition, making it suitable for extended reading across various content types.

Lexend Deca's Readability

The font performs well in various contexts, including long text passages, captions, and digital displays. Its design facilitates comfortable reading experiences, particularly for extended periods, making it suitable for digital interfaces and educational content.

Lexend Deca's Visual Fatigue and Adaptability

Lexend Deca's wide spacing and open design contribute to reduced visual fatigue during extensive reading, making it adaptable for prolonged use. Additionally, its suitability across different devices and language scripts enhances its adaptability for diverse reading environments.

Lexend Deca Accessibility Recommendations

Experts recommend utilizing Lexend Deca with adequate contrast ratios and suitable font sizes to ensure accessibility for all user groups. Modifications such as adjusting letter spacing and line height can further enhance readability, particularly for individuals with visual impairments.

Best Practices for Using Lexend Deca

Designers can effectively use Lexend Deca in body text for websites, e-books, and educational materials to improve reading experiences. For example, it can be applied to long-form articles, digital textbooks, and user interfaces to promote clearer and more accessible content presentation.

License Type

The Lexend Deca font is licensed under the Open Font License (OFL). This license allows anyone to use, modify, and share the font freely. You can use the font for both personal and commercial projects without needing to pay or get permission. You can also adapt the font to fit specific needs or preferences. When you modify or adapt Lexend Deca, the new version must carry a different name. This helps prevent confusion between the original and modified versions. You can distribute your modified version under the same OFL license. The OFL also allows embedding the font in digital documents and software. This means you can include the font in PDFs, websites, or apps without restrictions. However, if you do distribute the font, you must include a copy of the OFL license and any original documentation. You can't sell the font on its own. However, you can include it in a larger project that you do sell. For example, you can sell a website template that uses Lexend Deca because the font is part of the overall design. The OFL encourages collaboration and sharing. You can work with others to improve the font or create new versions. Sharing these improvements helps build a stronger community around the font. In summary, the Lexend Deca font under the OFL license offers flexibility for various uses, encourages modifications, and promotes free distribution, while ensuring the original work remains distinct and credited properly.

Language Support

The Lexend Deca font supports a wide range of languages, including but not limited to Latin-based languages, Cyrillic languages, and Greek. This makes it versatile for use in various global contexts.

Download Weights & Variants

100

200

300

regular

500

600

700

800

900

Lexend Deca

Fonts Similar to Lexend Deca

Hedvig Letters Sans

Cairo

Mukta Vaani

Questrial

Kosugi

How to Embed Lexend Deca in Your Project

Using a <link> tag in HTML

Using @import in CSS

Using @font-face in CSS

CSS Code Examples

Lexend Deca's Details

Accessibility Overview for Lexend Deca

Lexend Deca's Legibility

Lexend Deca's Readability

Lexend Deca's Visual Fatigue and Adaptability

Lexend Deca Accessibility Recommendations

Best Practices for Using Lexend Deca

License Type

Language Support

Download Weights & Variants

About Us