Margarine 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 |
Margarine
.example-class {font-family: 'Margarine';}
Margarine is classified as a display font, designed for large-size usage in headlines and titles, offering a high level of visual impact.
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
! @ # $ % ^ & * ( ) + =
| 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 |
| 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 |
.example-class { font-family: 'Margarine'; }// SCSS Variable $example-class-font-family: 'Margarine'; .example-class { font-family: $example-class-font-family; }// Tailwind CSS .example-class { @apply font-margarine-display; }Margarine is a playful script font designed by Lauren Thompson. Margarine has a retro feel, inspired by 1950s advertising and signage. The font was released in 2011. It was designed to capture a nostalgic, friendly vibe. Margarine's characters are bold and rounded. The letters have smooth curves and a slightly condensed structure. Margarine features a higher x-height, making it easily readable. The strokes are uniform in weight, offering a consistent appearance across all characters. Margarine includes uppercase and lowercase letters, numerals, punctuation marks, and special characters. Margarine is suitable for headlines, logos, posters, and packaging. It's often used in designs that require a vintage or whimsical touch. The font's playful nature makes it a popular choice for children's books and educational materials. One notable feature of Margarine is its ligatures. These ligatures help create a more natural flow between characters. The font also has a slight slant, adding a sense of motion and dynamism. Margarine supports multiple languages, including those with extended Latin characters. It's available in both TrueType and OpenType formats. Designers often use Margarine to evoke a sense of nostalgia because of its retro inspiration. Margarine has been featured in various design projects, from branding to digital media. Its versatility makes it a go-to choice for many creative professionals.
regular