Mogra 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
display
63
1
Mo
Mogra
.example-class {font-family: 'Mogra';}
Mogra
Mogra is classified as a display font, designed for large-size usage in headlines and titles, offering a high level of visual impact.
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
! @ # $ % ^ & * ( ) + =
Mogra 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 Mogra
CSS Code Examples
.example-class { font-family: 'Mogra'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Mogra'; .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-mogra-display; }- Tailwind CSS Implementation: Using Tailwind CSS utility classes provides a consistent and streamlined way to apply styles, leveraging Tailwind's utility-first approach.
Mogra's Details
Mogra is a display typeface that draws inspiration from the bold, playful aesthetics of Indian street lettering and signage. Mogra was designed by the Indian type foundry Ek Type. Mogra and Mogra are often used to convey an informal and lively feel. The typeface features heavy strokes and rounded forms, giving it a distinctive and approachable look. The characters are wide and generously spaced, which enhances readability even at smaller sizes. Mogra incorporates exaggerated curves and whimsical elements, making it ideal for creating eye-catching headlines and posters. Mogra's design characteristics include a high x-height and low contrast between thick and thin strokes. This makes the letters appear robust and consistent. The rounded terminals and playful details contribute to its friendly and cheerful demeanor. The typeface often evokes a sense of nostalgia and cultural heritage, making it suitable for projects aiming to reflect traditional Indian themes. Uses of Mogra are diverse, including branding, packaging, and advertising campaigns. It works well for events, festivals, and products that require a vibrant and engaging typographic presence. Designers often think about using Mogra for children's books, party invitations, and social media graphics because its playful nature can attract attention. Notable features of Mogra include its versatility in both digital and print mediums. The font supports multiple languages and scripts, increasing its usability across various geographies. Its boldness ensures that text remains legible and striking from a distance, making it effective for signage and display purposes. Mogra's unique personality sets it apart from more conventional typefaces. The typeface's ability to evoke cultural and emotional connections makes it a popular choice for projects seeking authenticity and character. It is well-suited for contexts where a lively, approachable, and distinctive font is desired.
Accessibility Overview for Mogra
Mogra is a display typeface designed by Lipi Raval, featuring dense letterforms inspired by broad-nibbed markers. The font exudes a friendly and bubbly impression, making it suitable for creative and informal applications such as branding, advertising, and packaging design. Its distinctive characteristics lend themselves well to eye-catching headlines, logos, and other attention-grabbing design elements.Mogra's Legibility
Mogra's spacing and x-height contribute to its legibility, ensuring clear differentiation between characters and enhancing readability at various sizes. The distinctiveness of its letterforms aids in character recognition, making it suitable for short bursts of text such as titles and headers.Mogra's Readability
In terms of readability, Mogra performs well in short text passages and captions, where its unique design can draw attention without sacrificing clarity. However, for longer passages or digital displays, careful consideration should be given to its application to avoid potential visual fatigue.Mogra's Visual Fatigue and Adaptability
The font's dense letterforms may pose a risk of visual fatigue in extensive reading materials, especially in smaller sizes or extended usage. Its adaptability across different devices and language scripts is generally good, although attention to font size and spacing is crucial for optimal legibility.Mogra Accessibility Recommendations
To enhance accessibility, it is recommended to ensure suitable contrast ratios when using Mogra, particularly in digital formats. Additionally, considering larger font sizes for body text and providing alternative typeface options for users with visual impairments can improve overall accessibility.Best Practices for Using Mogra
When using Mogra in design, it is best to reserve it for display purposes such as headlines, logos, and short bursts of text. For example, Mogra can be effectively employed in a playful logo for a children's toy brand or a vibrant headline for a summer festival poster. However, for longer passages or digital interfaces, alternative typefaces with improved legibility and readability should be considered.License Type
The font Mogra is under the Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can use Mogra for both personal and commercial projects. You don't need to pay for a license or ask for permission to use the font in your work.
You can include Mogra in your own projects, like websites, documents, or apps. If you modify the font, you can share your version too. However, if you do share a modified version, you should rename it to avoid confusion with the original.
You can't sell the font by itself. You can bundle it with software or other products, but you can't sell the font on its own. You must keep the license with any copies of the font you distribute, so others know their rights.
You can embed Mogra in digital documents and web pages. This makes it easy to use the font in various formats, like PDFs or websites. You're encouraged to credit the original designers, but it's not a requirement.
The OFL aims to promote the widespread use of fonts while protecting the designers' work. It ensures that everyone can benefit from the font while respecting the creators' rights.
Language Support
The Mogra font primarily supports the Latin script, catering to English and other Western European languages that utilize the same alphabet.
Download Weights & Variants
regular