Saira 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 |
Saira
.example-class {font-family: 'Saira';}
Saira is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.
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: 'Saira'; }
// SCSS Variable $example-class-font-family: 'Saira'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-saira-sans-serif; }
Saira is a sans-serif typeface designed by Omnibus-Type. Saira, Saira was released in 2016. It was created to be versatile with a modern feel. The font family includes multiple weights and styles, from thin to extra bold. It's geometric, featuring clean lines and a straightforward structure. The characters are monolinear, meaning there's a consistent thickness throughout each letter. Saira’s design includes open apertures, which make the text more readable. The letterforms are slightly condensed, allowing more text to fit into a given space. The font uses a high x-height, making lowercase letters almost as tall as uppercase letters, enhancing legibility, especially in smaller sizes. Saira has minimal contrast between thick and thin strokes, which gives it a uniform appearance. The font supports various languages and includes a wide range of characters. It also has several stylistic sets, enabling different design choices within the same typeface. The numerals are proportionally spaced, which is useful for running text. Ligatures are included in Saira, helping to create smoother text flow. Designers frequently use Saira in digital interfaces because of its clarity on screens. It’s also popular in branding and advertising due to its contemporary look. The font’s versatility allows it to be used in both headlines and body text. Publications often think about Saira for its clean and professional appearance. Saira offers good readability in both print and digital formats. Its geometric shapes make it suitable for modern and minimalist designs. The font family adapts well to various design needs, providing consistency across different media.
100
200
300
regular
500
600
700
800
900
100 italic
200 italic
300 italic
italic
500 italic
600 italic
700 italic
800 italic
900 italic