Teko 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 |
Manushi Parikh
sans-serif
77
5
Te
Teko
.example-class {font-family: 'Teko';}
Teko
Light
Medium
SemiBold
Bold
Teko 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
! @ # $ % ^ & * ( ) + =
Teko 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 Teko
CSS Code Examples
.example-class { font-family: 'Teko'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Teko'; .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-teko-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.
Teko's Details
Teko is a sans-serif typeface designed by Indian typographer Manushi Parikh. Teko, Teko, found its roots in the Devanagari script and was inspired by the work of traditional sign painters in India. The font was released by the Indian Type Foundry in 2014. It features a tall, narrow design, which makes it particularly suitable for headlines and other large text settings. The letterforms are geometric and monolinear, giving it a clean and modern appearance. The font includes five weights: Light, Regular, Medium, Semi-Bold, and Bold. Each weight maintains the same vertical proportions, ensuring consistency across different text intensities. Its tall x-height and short descenders make it highly legible even at smaller sizes. The characters have flat terminals and a high stroke contrast, contributing to its distinctive look. Teko supports a wide range of languages using the Latin and Devanagari scripts. It's often employed in contexts where space is limited because of its condensed nature. Examples include mobile interfaces, web design, and advertising. The font has gained popularity in branding, signage, and editorial design for a contemporary, streamlined feel. Notable features include its compatibility with various digital platforms and its versatility in both print and digital media. It's optimized for on-screen use, ensuring clarity and readability. The font's open-source license allows for wide distribution and use, making it accessible for a range of projects.
Accessibility Overview for Teko
Teko is a typeface with a strong and impactful design, characterized by its high-contrast strokes and geometric shapes. It exudes a modern and dynamic feel, making it suitable for various display purposes such as headlines, posters, and logos. The font's bold and distinctive letterforms lend themselves well to creating a sense of visual impact and attention-grabbing designs.Teko's Legibility
Teko's design features a balanced x-height and well-defined character shapes, contributing to its legibility. The spacing between characters is carefully crafted, enhancing readability and ensuring clear differentiation between letters, even at smaller sizes. These attributes make Teko suitable for use in both large headlines and smaller body text.Teko's Readability
In terms of readability, Teko performs well in various contexts. Its open letterforms and clear distinction between characters make it suitable for extended reading in long text passages. Additionally, it is effective for captions and digital displays, offering good visibility and clarity across different mediums.Teko's Visual Fatigue and Adaptability
The high contrast and bold design of Teko may lead to visual fatigue when used extensively in long passages. However, its adaptability across different devices and language scripts is noteworthy, making it a versatile choice for multilingual and responsive design applications.Teko Accessibility Recommendations
To enhance accessibility, it is recommended to ensure sufficient contrast ratios when using Teko, especially in smaller sizes or lower-contrast color combinations. When selecting font sizes, consider the intended usage, with larger sizes for headlines and smaller sizes for body text. Additionally, modifications such as adjusting letter spacing may be beneficial for improved readability across diverse user groups.Best Practices for Using Teko
When using Teko, consider employing it for impactful headlines and attention-grabbing designs in posters, banners, and branding materials. For body text, opt for clear and open letterforms to maintain readability, and ensure adequate contrast for improved accessibility. Overall, Teko can be effectively utilized to create visually striking and legible designs across various design applications.License Type
The font Teko is available under the Open Font License (OFL). This license lets you freely use, modify, and distribute the font. You can use Teko in your personal or commercial projects without paying for it. You can also modify it to fit your needs and share your modified versions.
You need to follow some rules. You can't sell the font by itself. It's fine to include it in a larger software bundle, but the font alone can't be sold. If you modify Teko, you must rename it so people know it's a different version.
The OFL also asks you to credit the original creators of the font. If you distribute the font, include a copy of the license with it. This ensures others know their rights and obligations.
You can embed Teko in documents and web pages. This is useful for consistent design across different devices. You can also use Teko in apps, software, and digital ads.
You can't restrict others from using, modifying, or distributing Teko. The font must remain free and open for everyone. You can think about it like sharing a recipe; you can change it and share your version, but you can't stop others from doing the same.
Language Support
The "Teko" font supports a variety of languages, primarily those using the Latin alphabet, including Western European, Central European, and South Eastern European languages. It also includes support for Vietnamese, making it versatile for a wide range of linguistic applications.
Download Weights & Variants
300
regular
500
600
700