Answer 1

@font-face {
font-family: 'font_name';
src: url(font_name.eot);
src: local('font_name'), url('font_name.ttf') format('truetype');
}

〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰

@font-face is used for add fonts in your website.

.ttf - Classic format of font
.eot - This is for Internet Explorer, for a cross-browser support