/*@font-face {
	font-family: 'Appetite'; // задаем произвольное имя для шрифта, которое будет использоваться в свойстве font-family при указании стилей для конкретных элементов 
	для упрощения работы со шрифтами допускается использовать одинаковое имя, но при этом начертание или стиль шрифта должен отличаться. 
	IE 8 и ниже не поддерживают такой подход и если Вы хотите поддерживать эти браузеры, 
	то Вам необходимо называть каждый шрифт по разному и более детально стилизовать каждый селектор
	src: url('../libs/fonts/appetite/appetite.eot');  //IE 9 Compatibility Mode 
	src: url('../libs/fonts/appetite/appetite.eot?#iefix') format('embedded-opentype'), // IE < 9 
	local("font"); // есть проблемы с этой директивой в браузерах - она проверяется есть ли шрифт на локальном компьютере пользователя по имени, 
	если нет то поиск осуществляется в других указанных источниках 
	порядок, в котором вы указываете варианты шрифтов, имеет важное значение, так как Ваш браузер выбирает первый поддерживаемый шрифт. 
	К примеру, если Вы хотите использовать шрифты на сайте WOFF2, которые поддерживаются не всеми браузерами, то необходимо их указать до WOFF.
	url('../libs/fonts/appetite/appetite.woff2') format('woff2'),  //Super Modern Browsers 
	url('../libs/fonts/appetite/appetite.woff') format('woff'),  //Firefox >= 3.6, any other modern browser 
	url('../libs/fonts/appetite/appetite.ttf') format('truetype'),  //Safari, Android, iOS 
	url('../libs/fonts/appetite/appetite.svg#appetite') format('svg');  //Chrome < 4, Legacy iOS 
	font-style: normal;  // указываем, что стиль шрифта обычный - это значение по умолчанию 
	font-weight: normal;   //определяет нормальное начертание символов - это значение по умолчанию  
}*/

/*Roboto
@font-face {
	font-family: "Roboto"; 
	src: 
		url('../libs/fonts/roboto/roboto_medium/roboto_medium.woff2') format('woff2'), 
		url('../libs/fonts/roboto/roboto_medium/roboto_medium.woff') format('woff'), 
		url('../libs/fonts/roboto/roboto_medium/roboto_medium.ttf') format('truetype'), 
	font-style: normal;
	font-weight: normal; 
}
@font-face {
	font-family: "Roboto";
	src: 
		url('../libs/fonts/roboto/roboto_bold/roboto_bold.woff2') format('woff2'),
		url('../libs/fonts/roboto/roboto_bold/roboto_bold.woff') format('woff'), 
		url('../libs/fonts/roboto/roboto_bold/roboto_bold.ttf') format('truetype'), 
	font-style: normal;  
	font-weight: bold;
}
@font-face {
	font-family: "Roboto";
	src: 
		url('../libs/fonts/roboto/roboto_italic/roboto_italic.woff2') format('woff2'),
		url('../libs/fonts/roboto/roboto_italic/roboto_italic.woff') format('woff'),
		url('../libs/fonts/roboto/roboto_italic/roboto_italic.ttf') format('truetype'),	
	font-style: italic;  
	font-weight: normal;
}
*/

/*Montserrat
@font-face {
	font-family: "Montserrat";
	src: 
		url('../libs/fonts/montserrat/Montserrat-Medium/Montserrat-Medium.woff') format('woff'), 
		url('../libs/fonts/montserrat/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype'),
		url('../libs/fonts/montserrat/Montserrat-Medium/Montserrat-Medium.eot') format('eot');
	font-style: normal;
	font-weight: normal; 
}
@font-face {
	font-family: "Montserrat";
	src: 
		url('../libs/fonts/montserrat/Montserrat-Italic/Montserrat-Italic.woff') format('woff'), 
		url('../libs/fonts/montserrat/Montserrat-Italic/Montserrat-Italic.ttf') format('truetype'),
		url('../libs/fonts/montserrat/Montserrat-Italic/Montserrat-Italic.eot') format('eot');
	font-style: italic;
	font-weight: normal; 
}
@font-face {
	font-family: "Montserrat";
	src: 
		url('../libs/fonts/montserrat/Montserrat-SemiBold/Montserrat-SemiBold.woff') format('woff'), 
		url('../libs/fonts/montserrat/Montserrat-SemiBold/Montserrat-SemiBold.ttf') format('truetype'),
		url('../libs/fonts/montserrat/Montserrat-SemiBold/Montserrat-SemiBold.eot') format('eot');
	font-style: normal;
	font-weight: 500; 
}
@font-face {
	font-family: "Montserrat";
	src: 
		url('../libs/fonts/montserrat/Montserrat-Bold/Montserrat-Bold.woff') format('woff'), 
		url('../libs/fonts/montserrat/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'),
		url('../libs/fonts/montserrat/Montserrat-Bold/Montserrat-Bold.eot') format('eot');
	font-style: normal;
	font-weight: bold; 
}
*/

/*Segoe UI*/
@font-face {
	font-family: "Segoe UI";
	src: url('../libs/fonts/segoe-ui/segoe-ui.ttf') format('truetype'),
	font-style: normal;
	font-weight: 300; 
}
@font-face {
	font-family: "Segoe UI";
	src: url('../libs/fonts/segoe-ui/segoe-ui-semibold.ttf') format('truetype'),
	font-style: normal;
	font-weight: 400; 
}
@font-face {
	font-family: "Segoe UI";
	src: url('../libs/fonts/segoe-ui/segoe-ui-bold.ttf') format('truetype'),
	font-style: normal;
	font-weight: 600; 
}
@font-face {
	font-family: "Segoe UI";
	src: url('../libs/fonts/segoe-ui/segoe-ui-black.ttf') format('truetype'),
	font-style: normal;
	font-weight: 900; 
}
@font-face {
	font-family: "Segoe UI";
	src: url('../libs/fonts/segoe-ui/segoe-ui-italic.ttf') format('truetype'),
	font-style: italic;
	font-weight: normal; 
}

/*Bookman Old Style*/
@font-face {
	font-family: "Bookman Old Style";
	src: url('../libs/fonts/bookman-old-style/bookman-old-style.ttf') format('truetype'),
	font-style: normal;
	font-weight: normal; 
}
@font-face {
	font-family: "Bookman Old Style";
	src: url('../libs/fonts/bookman-old-style/bookman-old-style-bold-italic.ttf') format('truetype'),
	font-style: italic;
	font-weight: bold; 
}
@font-face {
	font-family: "Bookman Old Style";
	src: url('../libs/fonts/bookman-old-style/bookman-old-style-bold.ttf') format('truetype'),
	font-style: normal;
	font-weight: bold; 
}
@font-face {
	font-family: "Bookman Old Style";
	src: url('../libs/fonts/bookman-old-style/bookman-old-style-italic.ttf') format('truetype'),
	font-style: italic;
	font-weight: normal; 
}

/*Amatic SC*/
@font-face {
    font-family: 'Amatic SC';
    src: url('../libs/fonts/amatic-sc/AmaticSC-Bold.eot');
    src: local('Amatic SC Bold'), local('AmaticSC-Bold'),
        url('../libs/fonts/amatic-sc/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),
        url('../libs/fonts/amatic-sc/AmaticSC-Bold.woff2') format('woff2'),
        url('../libs/fonts/amatic-sc/AmaticSC-Bold.woff') format('woff'),
        url('../libs/fonts/amatic-sc/AmaticSC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('../libs/fonts/amatic-sc/AmaticSC-Regular.eot');
    src: local('Amatic SC Regular'), local('AmaticSC-Regular'),
        url('../libs/fonts/amatic-sc/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),
        url('../libs/fonts/amatic-sc/AmaticSC-Regular.woff2') format('woff2'),
        url('../libs/fonts/amatic-sc/AmaticSC-Regular.woff') format('woff'),
        url('../libs/fonts/amatic-sc/AmaticSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
