Magra 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 |
Joana Correia
sans-serif
89
2
Ma
Magra
.example-class {font-family: 'Magra';}
Magra
Bold
Magra 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
! @ # $ % ^ & * ( ) + =
Magra 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 Magra
CSS Code Examples
.example-class { font-family: 'Magra'; }- Standard CSS Utilization: Applying the font-family directly to a CSS class for immediate use.
// SCSS Variable $example-class-font-family: 'Magra'; .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-magra-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.
Magra's Details
Magra is a sans-serif typeface created by the Argentine designer, Eduardo Tunni. Magra is designed with readability in mind, especially for digital screens and smaller sizes. Magra features a clean and simple aesthetic, characterized by its straight lines, open counters, and slightly condensed letterforms. It has a modern, geometric look that makes it suitable for various applications. Magra has two weights: Regular and Bold. The Regular weight is well-suited for body text, while the Bold weight works well for headings and emphasis. Both weights maintain consistency in style, ensuring a cohesive appearance when used together. The typeface's x-height is relatively tall, which enhances legibility and makes it easier to read at smaller sizes. The ascenders and descenders are balanced, providing a harmonious flow in text. Magra's design includes subtle details, like slightly rounded corners on some characters, which add a touch of warmth to its otherwise straightforward appearance. The spacing between letters is carefully considered to ensure clarity and readability. This typeface also includes a wide range of diacritics, making it versatile for various languages and international use. Magra is often used in web design because of its clarity on screens. It's also popular in print for brochures, posters, and other materials that require a clean, modern look. Designers appreciate its flexibility and the way it maintains legibility across different media. Magra's simplicity doesn't compromise its distinctive character. It's a typeface that manages to be both functional and aesthetically pleasing, making it a favorite among designers who need a reliable and versatile sans-serif font.
Accessibility Overview for Magra
Magra is a sans-serif typeface known for its neutral personality and versatile design. It is characterized by its spatial economy and multiple composition styles, making it suitable for a wide range of applications. The font's clean and modern appearance, along with its balanced proportions, makes it well-suited for both display and text usage. Magra is often utilized in various design contexts where a contemporary and approachable aesthetic is desired, such as editorial design, branding, user interfaces, and web content.Magra's Legibility
Magra exhibits excellent legibility due to its well-balanced spacing, moderate x-height, and clear character differentiation. The generous spacing between letters and words contributes to its readability at various sizes and distances. The x-height, which is the height of lowercase letters, is proportionate, enhancing the distinguishability of characters and aiding legibility across different viewing conditions.Magra's Readability
In terms of readability, Magra performs admirably across different contexts. It is well-suited for long text passages, offering a comfortable reading experience. Additionally, its clarity and legibility make it suitable for captions, subheadings, and digital displays. The font maintains its readability even at smaller sizes, ensuring that content remains clear and accessible across various platforms and devices.Magra's Visual Fatigue and Adaptability
Magra's design minimizes the risk of visual fatigue in extensive reading materials, as its balanced proportions and clear letterforms promote a smooth reading experience. Moreover, its adaptability across different devices and language scripts enhances its usability for diverse audiences and content requirements.Magra Accessibility Recommendations
For enhanced accessibility, it is recommended to ensure sufficient contrast ratios when using Magra, particularly in digital and print applications. Additionally, selecting appropriate font sizes for different uses, such as body text and headings, is important to cater to diverse user groups. Modifications to letter spacing and line height may be necessary to optimize readability for individuals with specific visual needs.Best Practices for Using Magra
When using Magra in design, it is best to leverage its versatility by employing it in a variety of weights and styles to create visual hierarchy and emphasis. For instance, using Magra in combination with a complementary serif typeface can enhance the overall design and readability, especially in editorial and branding applications. Additionally, utilizing ample white space and employing appropriate line lengths can further enhance the legibility and aesthetic appeal of content set in Magra.License Type
The font Magra is licensed under the SIL Open Font License (OFL). This license allows you to use, study, modify, and distribute the font freely. You can include it in your own projects, whether they're personal or commercial without asking for permission or paying any fees.
You can modify the font if you want to change its design or adapt it for a specific use. If you modify it, you must rename it to avoid confusion between the original and your version. This helps keep the original font's integrity.
Sharing the font with others is allowed. You can distribute it to friends, colleagues, or clients. You can also include it in software packages or on websites. When you distribute it, you must include the same license, so others can use it under the same terms.
You can't sell the font by itself. You can sell a product that uses the font, like a book or a piece of software, but not the font on its own.
Embedding the font in documents or software is permitted. You can embed it in a PDF, an app, or other digital products. This ensures that the font displays correctly for anyone who opens the file.
The license encourages collaboration and sharing. It's designed to promote the use and improvement of the font by the community. If you think about contributing to the font's development, you're free to do so under the same terms.
In summary, the SIL Open Font License for Magra is flexible and community-oriented. You have freedom in how you use, modify, and share the font, supporting creative and commercial endeavors.
Language Support
The "Magra" font supports Latin script, accommodating a wide range of Western European languages.
Download Weights & Variants
regular
700