Добавление своих шрифтов на сайт @font-face
Для использования любого своего шрифта на сайте можно использовать @font-face. Для этого файлы шрифты нужно поместить в какую-либо папку на сервере, например /folder/, и указать пути в файле стилей.
|
1 2 3 4 5 6 7 8 |
@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 */ } |
Далее можно будет использовать добавленный шрифт как обычно.
|
1 |
body { font-family: 'MyFont', sans-serif } |
Рассказать: