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-typeface

Example: 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 |