Petemoss 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 |
Petemoss
.example-class {font-family: 'Petemoss';}
Petemoss 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: 'Petemoss'; }
// SCSS Variable $example-class-font-family: 'Petemoss'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-petemoss-handwriting; }
Petemoss is a playful and organic typeface designed to evoke a handmade feel. Petemoss, Petemoss radiates a whimsical charm that makes it stand out. Its history goes back to the early 2000s when designers sought to create fonts that could add a personal touch to digital text. Developed by a small team of typographers, its creation involved hand-drawing each letter to maintain an artisanal quality. The design characteristics of Petemoss include irregular curves, uneven line thickness, and a slightly exaggerated baseline. Letters appear as if they've been sketched with a marker or brush, giving them an approachable and friendly look. The uppercase letters are bold and robust, while the lowercase characters maintain a casual, relaxed feel. This font also includes various ligatures and alternative characters, enhancing its custom-made appearance. Petemoss is often used for branding, advertising, and packaging, especially for products targeting a younger demographic. For example, it's common in children's book covers, organic food packaging, and craft store signage. The font's quirky nature makes it ideal for headlines and titles, but it's not typically used for body text because its unique style can be distracting in longer passages. A notable feature of Petemoss is its versatility in evoking different moods. Depending on the context, it can seem either playful or rustic. Its hand-drawn quality resonates well with themes of authenticity and creativity. The font also supports multiple languages, making it accessible to a wider audience. Petemoss has maintained popularity over the years because of its distinctiveness and adaptability. It continues to be a favorite among designers looking to infuse their work with a touch of individuality.
regular