Athiti 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 |
Cadson Demak
sans-serif
91
6
At
Athiti
.example-class {font-family: 'Athiti';}
Athiti
ExtraLight
Light
Medium
SemiBold
Bold
Athiti 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
! @ # $ % ^ & * ( ) + =
Athiti 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 Athiti
CSS Code Examples
.example-class { font-family: 'Athiti'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Athiti'; .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-athiti-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.
Athiti's Details
The font Athiti is a sans-serif typeface designed primarily for the Thai script but includes Latin characters. Athiti, Athiti, was created by Cadson Demak, a well-known type foundry in Thailand. The font emerged as part of a broader initiative to improve digital readability for Thai text. The design team focused on creating a modern, clean look that would work well on screens. Athiti features rounded, geometric letterforms that give it a contemporary and approachable appearance. The strokes are relatively uniform in thickness, which enhances legibility. The Latin characters are designed to harmonize with the Thai script, maintaining a consistent x-height and stroke width. People often use Athiti for websites, mobile apps, and digital interfaces because it is optimized for screen readability. The font includes multiple weights, from light to bold, providing versatility for various design needs. Designers think about Athiti when they need a typeface that supports both Thai and Latin scripts seamlessly. One notable feature of Athiti is its clear distinction between similar-looking characters, which reduces the chance of misreading. For example, the Thai letters that often look alike in other fonts are easily distinguishable in Athiti. The font also includes extensive kerning pairs, ensuring that letter spacing remains consistent and visually pleasing. Athiti's popularity in digital design can be attributed to its clean lines and balanced proportions. The font has been widely adopted in both professional and personal projects, demonstrating its broad appeal. Users appreciate its ability to convey information clearly without unnecessary embellishments. The typeface's simplicity and functionality make it a go-to choice for many designers working with Thai text.
Accessibility Overview for Athiti
The Athiti font is a humanist typeface with a friendly personality and an organic look and feel. It is based on humanist calligraphy and preserves the traditional construction of Roman type. Athiti offers a balance of traditional and modern design elements, making it suitable for a wide range of applications. Its design characteristics include a mix of curved and straight lines, open counters, and a moderate contrast between thick and thin strokes. This font is commonly used for both digital and print applications, including body text, headlines, branding, and user interfaces.Athiti's Legibility
Athiti font exhibits good legibility due to its balanced x-height, appropriate character spacing, and clear differentiation between characters. The x-height, which refers to the height of lowercase letters relative to the uppercase letters, contributes to the font's readability and ensures that text is easily distinguishable at various sizes. The spacing between characters is well-proportioned, aiding in clear and distinct character recognition.Athiti's Readability
In terms of readability, Athiti performs well in various contexts. It is suitable for long text passages, captions, and digital displays. The font's design elements, such as open counters and moderate stroke contrast, contribute to its readability across different mediums. Athiti maintains its clarity and readability even at smaller sizes, making it versatile for different types of content and display sizes.Athiti's Visual Fatigue and Adaptability
Athiti's design minimizes the potential for visual fatigue in extensive reading materials. Its balanced proportions and moderate stroke contrast contribute to a comfortable reading experience. Additionally, Athiti demonstrates adaptability across different devices and language scripts, ensuring consistent legibility and aesthetic appeal across various platforms.Athiti Accessibility Recommendations
For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Athiti in digital and print designs. Utilizing appropriate font sizes, especially for body text, and implementing clear typographic hierarchy can improve readability for different user groups. When designing with Athiti, consider modifying letter spacing and line height to accommodate users with visual impairments and to optimize legibility across diverse audiences.Best Practices for Using Athiti
When using Athiti in design, it is best to leverage its versatility by applying it to body text in digital interfaces, headlines in print materials, and branding elements. For example, in web design, utilizing Athiti for paragraph text and pairing it with a complementary sans-serif font for headers can create a harmonious and engaging visual experience. In print materials, using Athiti for titles and subtitles can convey a friendly and approachable tone while maintaining readability.License Type
The font Athiti is licensed under the Open Font License (OFL). This means you can use it freely for both personal and commercial projects. You can embed it in documents and software, and use it for designing logos, posters, or websites.
You can also modify the font. If you make changes, you must rename the font to avoid confusion with the original. This ensures that people know your version is different from Athiti.
You can share the font with others. If you do, you must include the same OFL license. It's important to keep the license with the font so everyone knows their rights and responsibilities.
The OFL forbids selling the font by itself. You can't distribute it for profit without adding significant value, like including it in a software package.
You must credit the original creators. When you use or share Athiti, you should acknowledge the font's authors. This respects their work and maintains the font's integrity.
In summary, you can use, modify, and share Athiti, but you need to keep the license with it, rename modified versions, avoid selling it on its own, and credit the creators.
Language Support
The Athiti font supports the Thai and Latin scripts, accommodating a wide range of languages that use these writing systems.
Download Weights & Variants
200
300
regular
500
600
700