Fonts

Chivo

Chivo (Goat) is the Omnibus-Type grotesque typeface family. Chivo there are 4 weights (Light, Regular, Bold, Black) and its italics. Chivo Regular’s elegance makes it ideal for combining with the strength of Chivo Black for continuous reading. The strength of Chivo Black makes it ideal for highlights and headlines. Developed by Héctor Gatti, its design details make it an indispensable ally for any designer.

  • supervisor_accountGatti & Omnibus-Type Team
  • assignmentSIL Open Font License, 1.1
  • grid_on8 fonts, 337 glyphs each variant.
  • check_box public desktop_mac tablet_mac phone_iphone

Tester

Developer

content_copyCopy the css code.

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