Abel 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 |
Veronika Burian
sans-serif
85
1
Ab
Abel
.example-class {font-family: 'Abel';}
Abel
Abel 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
! @ # $ % ^ & * ( ) + =
Abel 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 Abel
CSS Code Examples
.example-class { font-family: 'Abel'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Abel'; .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-abel-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.
Abel's Details
Abel is a sans-serif typeface created by the designer Matt McInerney. Abel, designed initially for display purposes, has evolved into a versatile text font. Abel features a clean and modern look, characterized by its smooth, geometric lines and open letterforms. The font showcases even stroke weights, contributing to its legibility at different sizes. Abel has a distinctive tall x-height, which makes lowercase letters appear larger, enhancing readability. Abel's origins trace back to the early 2010s when McInerney aimed to craft a font that would perform well on digital platforms. The design incorporates elements that make it suitable for web use, like its straightforward shapes and clarity at low resolutions. Abel has a neutral, professional appearance, making it a popular choice in various contexts. The font's characters include both upper and lowercase letters, numerals, punctuation marks, and special symbols. Sans-serif fonts like Abel often see use in headlines, body text, and user interfaces. Its balanced proportions lend themselves well to digital displays, advertisements, and branding materials. Abel supports multiple languages, expanding its applicability worldwide. One notable feature of Abel is its adaptability. Designers and developers frequently use it because it maintains legibility and aesthetic appeal across different devices and screen sizes. Its simplicity and elegance make it a favorite for minimalist designs. Abel's consistent structure ensures that it pairs well with other typefaces when creating a harmonious typographic system.
Accessibility Overview for Abel
Abel is a modern interpretation of the condensed flat-sided sans serif font. Its design features include condensed letterforms with flat sides, making it suitable for newspaper headlines, posters, and digital displays. The font's clean and simple aesthetic lends itself well to modern and minimalist design applications.Abel's Legibility
Abel's legibility is enhanced by its balanced spacing, moderate x-height, and clear character differentiation. The font's spacing allows for comfortable reading, while the moderate x-height ensures that the lowercase letters are easily distinguishable. Additionally, the clear differentiation between characters contributes to its overall legibility.Abel's Readability
In terms of readability, Abel performs well in various contexts. It is suitable for long text passages, captions, and digital displays. The font's clean and modern design makes it readable even in smaller sizes, ensuring that it remains clear and legible across different applications.Abel's Visual Fatigue and Adaptability
Abel's design minimizes the potential for visual fatigue in extensive reading materials due to its clean and balanced letterforms. It exhibits adaptability across different devices and language scripts, making it a versatile choice for digital and print media.Abel Accessibility Recommendations
For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Abel, particularly in digital applications. Additionally, suitable font sizes should be considered for different uses to accommodate diverse user groups. Modifying letter spacing and line height can also contribute to improved readability for individuals with visual impairments.Best Practices for Using Abel
When using Abel in design, it is best to pair it with complementary fonts to create visual hierarchy and contrast. For example, using Abel for headlines and pairing it with a more readable font for body text can create an effective design. Additionally, leveraging the font's condensed letterforms in poster designs can make a visual impact while maintaining readability.License Type
The font Abel is licensed under the Open Font License (OFL). You can use it freely in both personal and commercial projects. You can modify it and share your modifications, but you must do so under the same OFL license. You can also embed it in documents or websites.
You can't sell the font on its own. You must credit the original designer. You can’t rename the font when sharing your version. You can bundle it with software or hardware, and you can use it in logos or branding.
For example, you can use Abel in a company's website design, create a custom version for a client's project, or embed it in a PDF. However, you can't rename it and sell it as a different font or claim it as your own creation.
Language Support
The Abel font supports Latin-based languages, providing coverage for Western European, Central European, and South Eastern European language characters.
Download Weights & Variants
regular