Cookie 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 |
Cookie
.example-class {font-family: 'Cookie';}
Cookie is classified as a handwriting font, mimicking the natural flow and style of handwritten text, adding a personal touch.
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: 'Cookie'; }
// SCSS Variable $example-class-font-family: 'Cookie'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-cookie-handwriting; }
Cookie is a playful, cursive typeface designed by Ania Kruk. Cookie, Cookie, was crafted in 2011. Its design draws inspiration from brush script typefaces popular in the 1950s. It showcases a fluid, handwritten style with smooth, rounded forms. The letters exhibit a casual, friendly appearance. The font features a moderate stroke contrast, giving it a dynamic look. The ascenders and descenders are elongated, adding elegance to its casual demeanor. The spacing between characters is balanced, ensuring readability. The letter connections are seamless, creating a continuous flow. Cookie's distinctive elements include its swashes and loops. The capital letters often have decorative swirls, adding flair. Lowercase letters maintain simplicity, ensuring legibility. The font supports multiple languages, making it versatile. Cookie is frequently used in branding because of its approachable feel. It's suitable for logos, packaging, and signage. The font also works well in social media graphics and print materials like invitations and greeting cards. Its charm makes it ideal for personal projects. The typeface includes stylistic alternates, providing design flexibility. Ligatures enhance the natural handwriting effect. Cookie's informal style appeals to users looking for a friendly, engaging typeface. The font's rounded edges contribute to its softness, making it inviting. In digital design, Cookie is compatible with various applications. It renders well on screens, ensuring clarity. Despite its decorative nature, the font remains functional in diverse contexts. The typeface's balance of elegance and playfulness makes it stand out. Cookie's history, rooted in mid-20th-century aesthetics, blends nostalgia with contemporary design needs. It's a testament to the enduring appeal of handwritten scripts. The font continues to be a favorite choice for those seeking a touch of whimsy in their projects.
regular