Skranji 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 |
Skranji
.example-class {font-family: 'Skranji';}
Skranji 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: 'Skranji'; }
// SCSS Variable $example-class-font-family: 'Skranji'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-skranji-display; }
Skranji is a display typeface that evokes a playful and whimsical vibe. Skranji, Skranji, was originally designed by Vernon Adams. The font boasts a hand-drawn, cartoonish style, making it ideal for informal and creative projects. It's characterized by its bold lines and rounded edges, which provide a friendly and approachable feel. The letters are slightly irregular, enhancing the font's quirky appearance. The uppercase letters are particularly distinctive, with exaggerated loops and swirls that give each character a unique personality. Lowercase letters maintain a consistent but lively style, ensuring readability while still being fun. Numbers and punctuation marks follow the same whimsical design, adding cohesion to the overall look. Skranji is often used in children's books, posters, and party invitations because of its playful nature. It stands out well in headlines and titles, drawing attention without being overwhelming. The font's irregularities and bold strokes make it less suitable for body text, where legibility is crucial over long passages. A notable feature of Skranji is its versatility in various contexts. It pairs well with more straightforward fonts, providing a contrast that highlights its unique characteristics. The font also includes special characters and accents, making it adaptable for different languages. Because of its hand-crafted look, it adds a personal touch to any design. The font's design was inspired by comic book lettering and retro signage, which is evident in its exaggerated and stylized forms. While it may not be suitable for formal documents, Skranji excels in settings that benefit from a touch of personality and flair. Its bold presence ensures that it captures attention, making it a popular choice for eye-catching designs.
regular
700