Fonts

Saira Extra Condensed

Saira Extra Condensed is a part of Saira, a suite of 4 different widths (Normal, Semi Condensed, Condensed and Extra Condensed) with 9 weight variants each (Thin, Extralight, Light, Regular, Medium, Semibold, Bold, Extrabold, Black). The result is a versatile super-family of 36 styles in total, with 780 characters each. Designed by Héctor Gatti, on its initial phase, Saira had 7 weights with 5 expansion styles. The Omnibus-Type team completed the character set for each master, programmed the interpolation of intermediate weights, revised and adjusted the preliminary results and produced the final version. Saira Extra Condensed is a part of the collection Press Series.

  • supervisor_accountGatti & Omnibus-Type Team
  • assignmentSIL Open Font License, 1.1
  • grid_on9 fonts, 791 glyphs each variant. Press Series.
  • Tipos Latinos 2014
  • check_box public desktop_mac tablet_mac phone_iphone

Tester

Developer

content_copyCopy the css code.

@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Thin.ttf') format('truetype');
	font-style: normal;
	font-weight: 100;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ThinItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ThinItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ThinItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ThinItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 100;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLightItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLightItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLightItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraLightItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 200;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Light.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Light.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Light.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-LightItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-LightItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-LightItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-LightItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 300;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Italic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Italic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Italic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Italic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Italic.ttf') format('truetype');
	font-style: italic;
	font-weight: 400;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-MediumItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-MediumItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-MediumItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-MediumItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 500;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBold.ttf') format('truetype');
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBoldItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBoldItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBoldItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-SemiBoldItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 600;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-BoldItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BoldItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BoldItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BoldItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 700;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
	font-style: normal;
	font-weight: 800;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBoldItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBoldItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBoldItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-ExtraBoldItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 800;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Black.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Black.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Black.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-Black.ttf') format('truetype');
	font-style: normal;
	font-weight: 900;
}
@font-face {
	font-family: 'Saira Extra Condensed';
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-BlackItalic.eot');
	src: url('fonts/SairaExtraCondensed/SairaExtraCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BlackItalic.woff2') format('woff2'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BlackItalic.woff') format('woff'),
		 url('fonts/SairaExtraCondensed/SairaExtraCondensed-BlackItalic.ttf') format('truetype');
	font-style: italic;
	font-weight: 900;
}