Mako 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 |
Vernon Adams
sans-serif
88
1
Ma
Mako
.example-class {font-family: 'Mako';}
Mako
Mako 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
! @ # $ % ^ & * ( ) + =
Mako 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 Mako
CSS Code Examples
.example-class { font-family: 'Mako'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Mako'; .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-mako-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.
Mako's Details
Mako is a sans-serif typeface designed with clean, modern lines. Mako, Mako, it was created by Vernon Adams, who was known for his work on various other fonts. The typeface was first released in 2012 and has since gained popularity for its simplicity and versatility. The design characteristics of Mako include rounded corners and a uniform stroke width, giving it a friendly and approachable appearance. The font features open counters and a slightly condensed letterform, making it highly legible even at smaller sizes. The x-height is relatively high, which contributes to its readability. Mako's characters have a subtle, almost geometric quality. Mako is often used in digital and print media because of its clean look. It's suitable for body text, headlines, and user interfaces. The font's design allows it to blend well with other typefaces, making it a versatile choice for various design projects. Mako also supports multiple languages, which adds to its utility. Notable features of Mako include its simplicity and the balance between its aesthetic and functional elements. Its rounded corners soften the overall appearance, while the uniform stroke width ensures clarity. The slight condensation of the characters helps save space without compromising readability. The high x-height and open counters aid in maintaining legibility across different sizes and formats. Mako's design lends itself well to branding and advertising. Its clean lines and modern feel make it appropriate for contemporary design aesthetics. The font's ability to pair well with other typefaces adds to its appeal, making it a preferred choice for many designers. In summary, Mako is a sans-serif typeface designed by Vernon Adams, released in 2012. Its rounded corners, uniform stroke width, and high x-height make it legible and versatile. The font's simplicity and subtle geometric quality contribute to its popularity in various design applications.
Accessibility Overview for Mako
Mako is a minimal sans serif font designed for use across various digital platforms, including desktop computers, laptops, and mobile devices. Its key design characteristics include clean lines, a modern appearance, and a balanced x-height, making it suitable for both display and text usage. This versatile font is commonly applied in web design, user interfaces, and digital content due to its contemporary and legible nature.Mako's Legibility
Mako's legibility is enhanced by its well-proportioned spacing, ample x-height, and distinct character differentiation. The generous spacing between letters and words contributes to its readability, particularly in small sizes and on digital screens. The font's clear distinction between characters further supports its legibility, making it suitable for a wide range of applications.Mako's Readability
In terms of readability, Mako performs well across various contexts, including long text passages, captions, and digital displays. Its clean and open design facilitates comfortable reading experiences, especially in extended content formats. Additionally, the font's adaptability to different sizes and resolutions contributes to its readability across diverse digital platforms.Mako's Visual Fatigue and Adaptability
Mako exhibits minimal visual fatigue in extensive reading materials, thanks to its balanced design and clear letterforms. Its adaptability across different devices and language scripts enhances its usability for a global audience. The font's ability to maintain legibility and aesthetic appeal across various languages and screen sizes further demonstrates its adaptability.Mako Accessibility Recommendations
To ensure accessibility, experts recommend verifying the font's contrast ratios to meet accessibility standards. Additionally, suitable sizes for different uses should be determined, considering the font's legibility in both small and large formats. Necessary modifications, such as adjusting letter spacing and line height, can enhance readability across diverse user groups, aligning with accessibility guidelines.Best Practices for Using Mako
Designers can effectively use Mako in various design contexts, such as website interfaces, mobile applications, and digital publications. For instance, Mako's clean and modern style makes it suitable for headlines and navigation elements, while its legibility supports its use in body text for optimal readability. When using Mako, designers should prioritize sufficient contrast and appropriate font sizes to ensure a positive user experience.License Type
The font Mako is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font. You can use the font for personal or commercial projects without any cost. You can also change the font and share your modified version, but you must rename it to avoid confusion.
When you distribute the original or modified font, you must include the full font name, all related notices, and the OFL text. You can't sell the font by itself, but you can include it in a larger software package. For example, you could include Mako in a website or app you're selling.
The OFL aims to promote worldwide font sharing and improve collaboration between font designers. This means you can contribute back to the community by sharing your improvements or new versions of the font.
Remember, if you modify Mako, you must credit the original creators and keep the font's name different. This helps maintain clarity and respect the original work.
Language Support
The Mako font supports a variety of languages, primarily those using the Latin alphabet, including Western European, Central European, and South Eastern European languages.
Download Weights & Variants
regular