Сборник популярных веб-шрифтов

Сборник кириллических шрифтов в форматах eot, ttf, woff, woff2 и подключение их в CSS (@font-face).

1
/* Roboto Thin (100) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Thin.eot');
	src: local('Roboto Thin'), local('Roboto-Thin'),
		url('../fonts/roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Thin.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Thin.woff') format('woff'),
		url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-ThinItalic.eot');
	src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
		url('../fonts/roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-ThinItalic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-ThinItalic.woff') format('woff'),
		url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

/* Roboto Light (300) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Light.eot');
	src: local('Roboto Light'), local('Roboto-Light'),
		url('../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Light.woff') format('woff'),
		url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-LightItalic.eot');
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
		url('../fonts/roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-LightItalic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-LightItalic.woff') format('woff'),
		url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Roboto Regular (400) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Regular.eot');
	src: local('Roboto'), local('Roboto-Regular'),
		url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Regular.woff') format('woff'),
		url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Italic.eot');
	src: local('Roboto Italic'), local('Roboto-Italic'),
		url('../fonts/roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Italic.woff') format('woff'),
		url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Roboto Medium (500) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Medium.eot');
	src: local('Roboto Medium'), local('Roboto-Medium'),
		url('../fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Medium.woff') format('woff'),
		url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-MediumItalic.eot');
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
		url('../fonts/roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-MediumItalic.woff') format('woff'),
		url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

/* Roboto Bold (700) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Bold.eot');
	src: local('Roboto Bold'), local('Roboto-Bold'),
	url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
		url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-BoldItalic.eot');
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
		url('../fonts/roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff'),
		url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Roboto Black (900) */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-Black.eot');
	src: local('Roboto Black'), local('Roboto-Black'),
		url('../fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Black.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Black.woff') format('woff'),
		url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto/Roboto-BlackItalic.eot');
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
		url('../fonts/roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-BlackItalic.woff') format('woff'),
		url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
CSS
Лицензия Apache License, Version 2.0 (бесплатно для личного и коммерческого использования)
Копирайт Copyright 2011 Google Inc. All Rights Reserved
Автор Christian Robertson
Издатель Google
2
/* Open Sans Light (300) */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url('../fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-Light.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-Light.woff') format('woff'),
		url('../fonts/opensans/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
		url('../fonts/opensans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-LightItalic.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-LightItalic.woff') format('woff'),
		url('../fonts/opensans/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Open Sans Regular (400) */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-Regular.woff') format('woff'),
		url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('../fonts/opensans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-Italic.woff') format('woff'),
		url('../fonts/opensans/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Open Sans SemiBold (600) */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('../fonts/opensans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-SemiBold.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-SemiBold.woff') format('woff'),
		url('../fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-SemiBoldItalic.eot');
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
		url('../fonts/opensans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-SemiBoldItalic.woff') format('woff'),
		url('../fonts/opensans/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

/* Open Sans Bold (700) */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('../fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-Bold.woff') format('woff'),
		url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url('../fonts/opensans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-BoldItalic.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-BoldItalic.woff') format('woff'),
		url('../fonts/opensans/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


/* Open Sans ExtraBold (800) */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('../fonts/opensans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-ExtraBold.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-ExtraBold.woff') format('woff'),
		url('../fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans/OpenSans-ExtraBoldItalic.eot');
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
		url('../fonts/opensans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/opensans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
		url('../fonts/opensans/OpenSans-ExtraBoldItalic.woff') format('woff'),
		url('../fonts/opensans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}
CSS
Лицензия Apache License, Version 2.0 (бесплатно для личного и коммерческого использования)
Копирайт Copyright 2020 The Open Sans Project Authors
Автор Steve Matteson
Издатель Google
3
/* PT Sans Regular (400) */
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/ptsans/PTSans-Regular.eot');
	src: local('PT Sans'), local('PTSans-Regular'),
		url('../fonts/ptsans/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ptsans/PTSans-Regular.woff2') format('woff2'),
		url('../fonts/ptsans/PTSans-Regular.woff') format('woff'),
		url('../fonts/ptsans/PTSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/ptsans/PTSans-Italic.eot');
	src: local('PT Sans Italic'), local('PTSans-Italic'),
		url('../fonts/ptsans/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ptsans/PTSans-Italic.woff2') format('woff2'),
		url('../fonts/ptsans/PTSans-Italic.woff') format('woff'),
		url('../fonts/ptsans/PTSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* PT Sans Bold (700) */
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/ptsans/PTSans-Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'),
		url('../fonts/ptsans/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ptsans/PTSans-Bold.woff2') format('woff2'),
		url('../fonts/ptsans/PTSans-Bold.woff') format('woff'),
		url('../fonts/ptsans/PTSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/ptsans/PTSans-BoldItalic.eot');
	src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
		url('../fonts/ptsans/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ptsans/PTSans-BoldItalic.woff2') format('woff2'),
		url('../fonts/ptsans/PTSans-BoldItalic.woff') format('woff'),
		url('../fonts/ptsans/PTSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
CSS
Лицензия Open Font License (бесплатно для личного и коммерческого использования)
Копирайт Copyright © 2009 ParaType Ltd. All rights reserved.
Дизайнеры A.Korolkova, O.Umpeleva, V.Yefimov
Издатель ParaType Ltd
4
/* Proxima Nova Thin (100) */
@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../fonts/proximanova/ProximaNovaT-Thin.eot');
	src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
		url('../fonts/proximanova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNovaT-Thin.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNovaT-Thin.woff') format('woff'),
		url('../fonts/proximanova/ProximaNovaT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../fonts/proximanova/ProximaNova-ThinIt.eot');
	src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
		url('../fonts/proximanova/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-ThinIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-ThinIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

/* Proxima Nova Light (300) */
@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/proximanova/ProximaNova-Light.eot');
	src: local('Proxima Nova Light'), local('ProximaNova-Light'),
		url('../fonts/proximanova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Light.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Light.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/proximanova/ProximaNova-LightIt.eot');
	src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
		url('../fonts/proximanova/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-LightIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-LightIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Proxima Nova Regular (400) */
@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/proximanova/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
		url('../fonts/proximanova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Regular.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Regular.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/proximanova/ProximaNova-RegularIt.eot');
	src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
		url('../fonts/proximanova/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-RegularIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-RegularIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Proxima Nova Semibold (600) */
@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/proximanova/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
		url('../fonts/proximanova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Semibold.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Semibold.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/proximanova/ProximaNova-SemiboldIt.eot');
	src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
		url('../fonts/proximanova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-SemiboldIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-SemiboldIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

/* Proxima Nova Bold (700) */
@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/proximanova/ProximaNova-Bold.eot');
	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
		url('../fonts/proximanova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Bold.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Bold.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/proximanova/ProximaNova-BoldIt.eot');
	src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
		url('../fonts/proximanova/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-BoldIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-BoldIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Proxima Nova Extrabld (800) */
@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../fonts/proximanova/ProximaNova-Extrabld.eot');
	src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
	url('../fonts/proximanova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Extrabld.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Extrabld.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../fonts/proximanova/ProximaNova-ExtrabldIt.eot');
	src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
		url('../fonts/proximanova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-ExtrabldIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-ExtrabldIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

/* Proxima Nova Black (900) */
@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../fonts/proximanova/ProximaNova-Black.eot');
	src: local('Proxima Nova Black'), local('ProximaNova-Black'),
		url('../fonts/proximanova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-Black.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-Black.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../fonts/proximanova/ProximaNova-BlackIt.eot');
	src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
		url('../fonts/proximanova/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova/ProximaNova-BlackIt.woff2') format('woff2'),
		url('../fonts/proximanova/ProximaNova-BlackIt.woff') format('woff'),
		url('../fonts/proximanova/ProximaNova-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
CSS
Лицензия Бесплатно для коммерческого использования
Копирайт Copyright (c) Mark Simonson, 2005. All rights reserved
Автор Mark Simonson
Издатель Proxima Nova is a trademark of Mark Simonson
5
/* Myriad Pro Light (300) */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-Light.eot');
	src: local('Myriad Pro Light'), local('MyriadPro-Light'),
		url('/fonts/myriadpro/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-Light.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-Light.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-LightIt.eot');
	src: local('Myriad Pro Light Italic'), local('MyriadPro-LightIt'),
		url('/fonts/myriadpro/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-LightIt.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-LightIt.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Myriad Pro Regular (400) */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
		url('/fonts/myriadpro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-Regular.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-Regular.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-It.eot');
	src: local('Myriad Pro Italic'), local('MyriadPro-It'),
		url('/fonts/myriadpro/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-It.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-It.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-It.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Myriad Pro Semibold (600) */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-Semibold.eot');
	src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),
		url('/fonts/myriadpro/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-Semibold.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-Semibold.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-SemiboldIt.eot');
	src: local('Myriad Pro Semibold Italic'), local('MyriadPro-SemiboldIt'),
		url('/fonts/myriadpro/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-SemiboldIt.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-SemiboldIt.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

/* Myriad Pro Bold (700) */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
		url('/fonts/myriadpro/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-Bold.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-Bold.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-BoldIt.eot');
	src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'),
		url('/fonts/myriadpro/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-BoldIt.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-BoldIt.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Myriad Pro Black (900) */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-Black.eot');
	src: local('Myriad Pro Black'), local('MyriadPro-Black'),
		url('/fonts/myriadpro/MyriadPro-Black.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-Black.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-Black.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/fonts/myriadpro/MyriadPro-BlackIt.eot');
	src: local('Myriad Pro Black Italic'), local('MyriadPro-BlackIt'),
		url('/fonts/myriadpro/MyriadPro-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro/MyriadPro-BlackIt.woff2') format('woff2'),
		url('/fonts/myriadpro/MyriadPro-BlackIt.woff') format('woff'),
		url('/fonts/myriadpro/MyriadPro-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
CSS
Лицензия Только для личного пользования
Копирайт Copyright © 2000 Adobe Systems Incorporated. All Rights Reserved. U.S. Patent Des. pending
Автор Robert Slimbach and Carol Twombly
Издатель Adobe Systems Incorporated
Торговая марка Myriad is a registered trademark of Adobe Systems Incorporated.
6
/* Gotham Pro Light (300) */
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-Light.eot');
	src: local('Gotham Pro Light'), local('GothamPro-Light'),
		url('../fonts/gothampro/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-Light.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-LightItalic.eot');
	src: local('Gotham Pro Light Italic'), local('GothamPro-LightItalic'),
		url('../fonts/gothampro/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-LightItalic.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Gotham Pro Regular (400) */
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro.eot');
	src: local('Gotham Pro'), local('GothamPro'),
		url('../fonts/gothampro/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro.woff') format('woff'),
		url('../fonts/gothampro/GothamPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-Italic.eot');
	src: local('Gotham Pro Italic'), local('GothamPro-Italic'),
		url('../fonts/gothampro/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-Italic.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Gotham Pro Medium (500) */
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-Medium.eot');
	src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
		url('../fonts/gothampro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-Medium.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-MediumItalic.eot');
	src: local('Gotham Pro Medium Italic'), local('GothamPro-MediumItalic'),
		url('../fonts/gothampro/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-MediumItalic.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

/* Gotham Pro Bold (700) */
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-Bold.eot');
	src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
		url('../fonts/gothampro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-Bold.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-BoldItalic.eot');
	src: local('Gotham Pro Bold Italic'), local('GothamPro-BoldItalic'),
		url('../fonts/gothampro/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-BoldItalic.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Gotham Pro Black (900) */
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-Black.eot');
	src: local('Gotham Pro Black'), local('GothamPro-Black'),
		url('../fonts/gothampro/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-Black.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('../fonts/gothampro/GothamPro-BlackItalic.eot');
	src: local('Gotham Pro Black Italic'), local('GothamPro-BlackItalic'),
		url('../fonts/gothampro/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothampro/GothamPro-BlackItalic.woff') format('woff'),
		url('../fonts/gothampro/GothamPro-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
CSS
Лицензия Неизвестно
Копирайт Copyright (c) 2000 The Hoefler Type Foundry, Inc., dba Hoefler & Frere-Jones. All Rights Reserved.
Издатель The Hoefler Type Foundry, Inc
7
/* Lato Thin (100) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Thin.eot');
	src: local('Lato Thin'), local('Lato-Thin'),
		url('../fonts/lato/Lato-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Thin.woff2') format('woff2'),
		url('../fonts/lato/Lato-Thin.woff') format('woff'),
		url('../fonts/lato/Lato-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-ThinItalic.eot');
	src: local('Lato Thin Italic'), local('Lato-ThinItalic'),
		url('../fonts/lato/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-ThinItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-ThinItalic.woff') format('woff'),
		url('../fonts/lato/Lato-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

/* Lato Light (300) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Light.eot');
	src: local('Lato Light'), local('Lato-Light'),
		url('../fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Light.woff2') format('woff2'),
		url('../fonts/lato/Lato-Light.woff') format('woff'),
		url('../fonts/lato/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-LightItalic.eot');
	src: local('Lato Light Italic'), local('Lato-LightItalic'),
		url('../fonts/lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-LightItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-LightItalic.woff') format('woff'),
		url('../fonts/lato/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

/* Lato Regular (400) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Regular.eot');
	src: local('Lato Regular'), local('Lato-Regular'),
		url('../fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Regular.woff2') format('woff2'),
		url('../fonts/lato/Lato-Regular.woff') format('woff'),
		url('../fonts/lato/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Italic.eot');
	src: local('Lato Italic'), local('Lato-Italic'),
		url('../fonts/lato/Lato-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Italic.woff2') format('woff2'),
		url('../fonts/lato/Lato-Italic.woff') format('woff'),
		url('../fonts/lato/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* Lato Medium (500) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Medium.eot');
	src: local('Lato Medium'), local('Lato-Medium'),
		url('../fonts/lato/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Medium.woff2') format('woff2'),
		url('../fonts/lato/Lato-Medium.woff') format('woff'),
		url('../fonts/lato/Lato-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-MediumItalic.eot');
	src: local('Lato Medium Italic'), local('Lato-MediumItalic'),
		url('../fonts/lato/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-MediumItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-MediumItalic.woff') format('woff'),
		url('../fonts/lato/Lato-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

/* Lato Semibold (600) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Semibold.eot');
	src: local('Lato Semibold'), local('Lato-Semibold'),
		url('../fonts/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Semibold.woff2') format('woff2'),
		url('../fonts/lato/Lato-Semibold.woff') format('woff'),
		url('../fonts/lato/Lato-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-SemiboldItalic.eot');
	src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'),
		url('../fonts/lato/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-SemiboldItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-SemiboldItalic.woff') format('woff'),
		url('../fonts/lato/Lato-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

/* Lato Bold (700) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Bold.eot');
	src: local('Lato Bold'), local('Lato-Bold'),
		url('../fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Bold.woff2') format('woff2'),
		url('../fonts/lato/Lato-Bold.woff') format('woff'),
		url('../fonts/lato/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-BoldItalic.eot');
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
		url('../fonts/lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-BoldItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-BoldItalic.woff') format('woff'),
		url('../fonts/lato/Lato-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Lato Black (900) */
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-Black.eot');
	src: local('Lato Black'), local('Lato-Black'),
		url('../fonts/lato/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-Black.woff2') format('woff2'),
		url('../fonts/lato/Lato-Black.woff') format('woff'),
		url('../fonts/lato/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/lato/Lato-BlackItalic.eot');
	src: local('Lato Black Italic'), local('Lato-BlackItalic'),
		url('../fonts/lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato/Lato-BlackItalic.woff2') format('woff2'),
		url('../fonts/lato/Lato-BlackItalic.woff') format('woff'),
		url('../fonts/lato/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
CSS
Лицензия SIL Open Font License 1.1 (бесплатно для личного и коммерческого использования)
Копирайт Copyright (c) 2011-2015 by tyPoland Lukasz Dziedzic
Автор Lukasz Dziedzic with Adam Twardoch and Botio Nikoltchev
Издатель tyPoland Lukasz Dziedzic
07.12.2022, обновлено 10.12.2022
11892

Комментарии

, чтобы добавить комментарий.

Другие публикации

Список MIME типов
Ниже приведён список MIME-заголовков и расширений файлов.
24624
+7
Whois, как получить данные IP-адреса и домена в PHP
Несколько примеров как в PHP получить информацию о домене и IP-адресе.
19292
+5
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
127927
+36
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
43154
+34
Список стран мира с названиями на национальном языке
Ниже представлен список стран мира с названиями на русском и государственных языках, коды регионов ISO 3166-1 Alpha 2 и...
9245
+2
Генерация паролей в PHP
В PHP есть несколько функций для генерации случайного числа, это rand(), mt_rand() и random_int().
22435
+11