Sofia 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 |
Sofia
.example-class {font-family: 'Sofia';}
Sofia 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: 'Sofia'; }
// SCSS Variable $example-class-font-family: 'Sofia'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-sofia-handwriting; }
Sofia is a modern sans-serif typeface designed by Olivier Gourvat. Sofia, Sofia, was first released in 2008. It combines elements of both geometric and humanist styles. The font features rounded edges and smooth curves, creating a friendly and approachable appearance. Its character set includes a variety of weights, from thin to bold, providing versatility for different design needs. The design characteristics of Sofia make it suitable for both digital and print media. It maintains readability at various sizes, which makes it ideal for web design, user interfaces, and body text in editorial layouts. Its clean lines and open forms contribute to its legibility. The typeface includes a comprehensive range of characters, including uppercase and lowercase letters, numerals, punctuation, and special symbols. Sofia's unique appeal lies in its subtle humanist touch, which adds warmth to its otherwise geometric structure. This blend of styles makes it stand out in branding projects, where it can convey a modern yet personable image. The rounded terminals and consistent stroke weight enhance its visual harmony, ensuring that text set in Sofia looks balanced and cohesive. In addition to its primary uses, Sofia is also popular in advertising, packaging, and corporate identity design. Designers often choose it for projects requiring a contemporary and friendly feel. Its versatility allows it to adapt to various contexts, from playful children's books to professional business presentations. One notable feature of Sofia is its extensive language support, accommodating multiple languages and scripts. This makes it a practical choice for international projects. The typeface also includes stylistic alternates and ligatures, offering designers additional creative options. Overall, Sofia's blend of geometric precision and humanist warmth makes it a unique and versatile typeface suitable for a wide range of applications. Its design ensures readability and visual appeal, making it a favorite among designers for diverse projects.
regular