Saira Typeface
This typeface was designed by Hector Gatti and developed by the Omnibus Type team. To contribute to the project, visit github.com/Omnibus-Type.
- Online Reference: google fonts
Install
npm install --save @easyfonts/saira-typeface
## or
yarn add @easyfonts/saira-typefaceExample: use all font variants
Trigger your bundler (webpack et al) to include it into your build
import '@easfonts/saira-typeface';Above import will include all style and weight variants into your build (1.7Mb), if you want to be more selective try the followig
Example: use specific font variants
These are a few examples of only selecting specific groups or singualr fontfiles into your build.
For all possible selectible variants view this table;
Variant Vietnamese
import '@easfonts/saira-typeface/saira-vietnamese';Saira font for Vietnamese character set, all font weights from 100 to 900
Variant Latin
import '@easfonts/saira-typeface/saira-latin';Saira font for Latin character set, all font weights from 100 to 900
Variant Latin Ext
import '@easfonts/saira-typeface/saira-latin-ext';Saira font for Latin Extended character set, all font weights from 100 to 900
Overview of all variants
You get the general idea of selecting perticular set of font files with the import command, with import so here is the full table.
| import statement | font-family |
character set |
font-weight |
|---|---|---|---|
| import @easyfonts/saira-typeface/css/saira-100-latin-ext | saira | latin ext | 100 |
| import @easyfonts/saira-typeface/css/saira-100-latin | saira | latin | 100 |
| import @easyfonts/saira-typeface/css/saira-100-vietnamese | saira | vietnamese | 100 |
| import @easyfonts/saira-typeface/css/saira-100 | saira | all | 100 |
| import @easyfonts/saira-typeface/css/saira-200-latin-ext | saira | latin ext | 200 |
| import @easyfonts/saira-typeface/css/saira-200-latin | saira | latin | 200 |
| import @easyfonts/saira-typeface/css/saira-200-vietnamese | saira | vietnamese | 200 |
| import @easyfonts/saira-typeface/css/saira-200 | saira | all | 200 |
| import @easyfonts/saira-typeface/css/saira-300-latin-ext | saira | latin ext | 300 |
| import @easyfonts/saira-typeface/css/saira-300-latin | saira | latin | 300 |
| import @easyfonts/saira-typeface/css/saira-300-vietnamese | saira | vietnamese | 300 |
| import @easyfonts/saira-typeface/css/saira-300 | saira | all | 300 |
| import @easyfonts/saira-typeface/css/saira-400-latin-ext | saira | latin ext | 400 |
| import @easyfonts/saira-typeface/css/saira-400-latin | saira | latin | 400 |
| import @easyfonts/saira-typeface/css/saira-400-vietnamese | saira | vietnamese | 400 |
| import @easyfonts/saira-typeface/css/saira-400 | saira | all | 400 |
| import @easyfonts/saira-typeface/css/saira-500-latin-ext | saira | latin ext | 500 |
| import @easyfonts/saira-typeface/css/saira-500-latin | saira | latin | 500 |
| import @easyfonts/saira-typeface/css/saira-500-vietnamese | saira | vietnamese | 500 |
| import @easyfonts/saira-typeface/css/saira-500 | saira | all | 500 |
| import @easyfonts/saira-typeface/css/saira-600-latin-ext | saira | latin ext | 600 |
| import @easyfonts/saira-typeface/css/saira-600-latin | saira | latin | 600 |
| import @easyfonts/saira-typeface/css/saira-600-vietnamese | saira | vietnamese | 600 |
| import @easyfonts/saira-typeface/css/saira-600 | saira | all | 600 |
| import @easyfonts/saira-typeface/css/saira-700-latin-ext | saira | latin ext | 700 |
| import @easyfonts/saira-typeface/css/saira-700-latin | saira | latin | 700 |
| import @easyfonts/saira-typeface/css/saira-700-vietnamese | saira | vietnamese | 700 |
| import @easyfonts/saira-typeface/css/saira-700 | saira | all | 700 |
| import @easyfonts/saira-typeface/css/saira-800-latin-ext | saira | latin ext | 800 |
| import @easyfonts/saira-typeface/css/saira-800-latin | saira | latin | 800 |
| import @easyfonts/saira-typeface/css/saira-800-vietnamese | saira | vietnamese | 800 |
| import @easyfonts/saira-typeface/css/saira-800 | saira | all | 800 |
| import @easyfonts/saira-typeface/css/saira-900-latin-ext | saira | latin ext | 900 |
| import @easyfonts/saira-typeface/css/saira-900-latin | saira | latin | 900 |
| import @easyfonts/saira-typeface/css/saira-900-vietnamese | saira | vietnamese | 900 |
| import @easyfonts/saira-typeface/css/saira-900 | saira | all | 900 |
| import @easyfonts/saira-typeface/css/saira-condensed-100-latin-ext | saira condensed | latin ext | 100 |
| import @easyfonts/saira-typeface/css/saira-condensed-100-latin | saira condensed | latin | 100 |
| import @easyfonts/saira-typeface/css/saira-condensed-100-vietnamese | saira condensed | vietnamese | 100 |
| import @easyfonts/saira-typeface/css/saira-condensed-100 | saira condensed | all | 100 |
| import @easyfonts/saira-typeface/css/saira-condensed-200-latin-ext | saira condensed | latin ext | 200 |
| import @easyfonts/saira-typeface/css/saira-condensed-200-latin | saira condensed | latin | 200 |
| import @easyfonts/saira-typeface/css/saira-condensed-200-vietnamese | saira condensed | vietnamese | 200 |
| import @easyfonts/saira-typeface/css/saira-condensed-200 | saira condensed | all | 200 |
| import @easyfonts/saira-typeface/css/saira-condensed-300-latin-ext | saira condensed | latin ext | 300 |
| import @easyfonts/saira-typeface/css/saira-condensed-300-latin | saira condensed | latin | 300 |
| import @easyfonts/saira-typeface/css/saira-condensed-300-vietnamese | saira condensed | vietnamese | 300 |
| import @easyfonts/saira-typeface/css/saira-condensed-300 | saira condensed | all | 300 |
| import @easyfonts/saira-typeface/css/saira-condensed-400-latin-ext | saira condensed | latin ext | 400 |
| import @easyfonts/saira-typeface/css/saira-condensed-400-latin | saira condensed | latin | 400 |
| import @easyfonts/saira-typeface/css/saira-condensed-400-vietnamese | saira condensed | vietnamese | 400 |
| import @easyfonts/saira-typeface/css/saira-condensed-400 | saira condensed | all | 400 |
| import @easyfonts/saira-typeface/css/saira-condensed-500-latin-ext | saira condensed | latin ext | 500 |
| import @easyfonts/saira-typeface/css/saira-condensed-500-latin | saira condensed | latin | 500 |
| import @easyfonts/saira-typeface/css/saira-condensed-500-vietnamese | saira condensed | vietnamese | 500 |
| import @easyfonts/saira-typeface/css/saira-condensed-500 | saira condensed | all | 500 |
| import @easyfonts/saira-typeface/css/saira-condensed-600-latin-ext | saira condensed | latin ext | 600 |
| import @easyfonts/saira-typeface/css/saira-condensed-600-latin | saira condensed | latin | 600 |
| import @easyfonts/saira-typeface/css/saira-condensed-600-vietnamese | saira condensed | vietnamese | 600 |
| import @easyfonts/saira-typeface/css/saira-condensed-600 | saira condensed | all | 600 |
| import @easyfonts/saira-typeface/css/saira-condensed-700-latin-ext | saira condensed | latin ext | 700 |
| import @easyfonts/saira-typeface/css/saira-condensed-700-latin | saira condensed | latin | 700 |
| import @easyfonts/saira-typeface/css/saira-condensed-700-vietnamese | saira condensed | vietnamese | 700 |
| import @easyfonts/saira-typeface/css/saira-condensed-700 | saira condensed | all | 700 |
| import @easyfonts/saira-typeface/css/saira-condensed-800-latin-ext | saira condensed | latin ext | 800 |
| import @easyfonts/saira-typeface/css/saira-condensed-800-latin | saira condensed | latin | 800 |
| import @easyfonts/saira-typeface/css/saira-condensed-800-vietnamese | saira condensed | vietnamese | 800 |
| import @easyfonts/saira-typeface/css/saira-condensed-800 | saira condensed | all | 800 |
| import @easyfonts/saira-typeface/css/saira-condensed-900-latin-ext | saira condensed | latin ext | 900 |
| import @easyfonts/saira-typeface/css/saira-condensed-900-latin | saira condensed | latin | 900 |
| import @easyfonts/saira-typeface/css/saira-condensed-900-vietnamese | saira condensed | vietnamese | 900 |
| import @easyfonts/saira-typeface/css/saira-condensed-900 | saira condensed | all | 900 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-100-latin-ext | saira extra condensed | latin ext | 100 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-100-latin | saira extra condensed | latin | 100 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-100-vietnamese | saira extra condensed | vietnamese | 100 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-100 | saira extra condensed | all | 100 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-200-latin-ext | saira extra condensed | latin ext | 200 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-200-latin | saira extra condensed | latin | 200 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-200-vietnamese | saira extra condensed | vietnamese | 200 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-200 | saira extra condensed | all | 200 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-300-latin-ext | saira extra condensed | latin ext | 300 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-300-latin | saira extra condensed | latin | 300 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-300-vietnamese | saira extra condensed | vietnamese | 300 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-300 | saira extra condensed | all | 300 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-400-latin-ext | saira extra condensed | latin ext | 400 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-400-latin | saira extra condensed | latin | 400 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-400-vietnamese | saira extra condensed | vietnamese | 400 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-400 | saira extra condensed | all | 400 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-500-latin-ext | saira extra condensed | latin ext | 500 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-500-latin | saira extra condensed | latin | 500 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-500-vietnamese | saira extra condensed | vietnamese | 500 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-500 | saira extra condensed | all | 500 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-600-latin-ext | saira extra condensed | latin ext | 600 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-600-latin | saira extra condensed | latin | 600 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-600-vietnamese | saira extra condensed | vietnamese | 600 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-600 | saira extra condensed | all | 600 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-700-latin-ext | saira extra condensed | latin ext | 700 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-700-latin | saira extra condensed | latin | 700 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-700-vietnamese | saira extra condensed | vietnamese | 700 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-700 | saira extra condensed | all | 700 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-800-latin-ext | saira extra condensed | latin ext | 800 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-800-latin | saira extra condensed | latin | 800 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-800-vietnamese | saira extra condensed | vietnamese | 800 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-800 | saira extra condensed | all | 800 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-900-latin-ext | saira extra condensed | latin ext | 900 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-900-latin | saira extra condensed | latin | 900 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-900-vietnamese | saira extra condensed | vietnamese | 900 |
| import @easyfonts/saira-typeface/css/saira-extra-condensed-900 | saira extra condensed | all | 900 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-100-latin-ext | saira semi condensed | latin ext | 100 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-100-latin | saira semi condensed | latin | 100 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-100-vietnamese | saira semi condensed | vietnamese | 100 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-100 | saira semi condensed | all | 100 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-200-latin-ext | saira semi condensed | latin ext | 200 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-200-latin | saira semi condensed | latin | 200 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-200-vietnamese | saira semi condensed | vietnamese | 200 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-200 | saira semi condensed | all | 200 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-300-latin-ext | saira semi condensed | latin ext | 300 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-300-latin | saira semi condensed | latin | 300 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-300-vietnamese | saira semi condensed | vietnamese | 300 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-300 | saira semi condensed | all | 300 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-400-latin-ext | saira semi condensed | latin ext | 400 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-400-latin | saira semi condensed | latin | 400 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-400-vietnamese | saira semi condensed | vietnamese | 400 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-400 | saira semi condensed | all | 400 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-500-latin-ext | saira semi condensed | latin ext | 500 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-500-latin | saira semi condensed | latin | 500 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-500-vietnamese | saira semi condensed | vietnamese | 500 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-500 | saira semi condensed | all | 500 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-600-latin-ext | saira semi condensed | latin ext | 600 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-600-latin | saira semi condensed | latin | 600 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-600-vietnamese | saira semi condensed | vietnamese | 600 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-600 | saira semi condensed | all | 600 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-700-latin-ext | saira semi condensed | latin ext | 700 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-700-latin | saira semi condensed | latin | 700 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-700-vietnamese | saira semi condensed | vietnamese | 700 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-700 | saira semi condensed | all | 700 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-800-latin-ext | saira semi condensed | latin ext | 800 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-800-latin | saira semi condensed | latin | 800 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-800-vietnamese | saira semi condensed | vietnamese | 800 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-800 | saira semi condensed | all | 800 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-900-latin-ext | saira semi condensed | latin ext | 900 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-900-latin | saira semi condensed | latin | 900 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-900-vietnamese | saira semi condensed | vietnamese | 900 |
| import @easyfonts/saira-typeface/css/saira-semi-condensed-900 | saira semi condensed | all | 900 |