Добавление своих шрифтов на сайт @font-face

Для использования любого своего шрифта на сайте можно использовать @font-face. Для этого файлы шрифты нужно поместить в какую-либо папку на сервере, например /folder/, и указать пути в файле стилей.

@font-face {
font-family: 'MyFont';
src: url('/folder/MyFont.eot'); /* IE9 */
src: url('/folder/MyFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/folder/MyFont.woff') format('woff'), /* Modern Browsers */
url('/folder/MyFont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/folder/MyFont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Далее можно будет использовать добавленный шрифт как обычно.

body { font-family: 'MyFont', sans-serif }