Це стандартний спосіб завантаження за допомогою @ font-face , хакі виправлень тощо!
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Але видаліть SVG, і ви майже втратите підтримку iOS <5.0
Чи можу я використовувати відмінну таблицю для підтримки браузера, як правило, інший для EOT , інший для WOFF , ще один для SVG і нарешті ще один для TTF . Я вставлю їх нижче для наочності, і це повинно орієнтувати вас на тестування, але майте на увазі, що це зміниться досить швидко.
Редагувати wyu : Я склав таблицю, щоб ви могли переглянути підтримку поряд
@ в основному підтримка браузера шрифтів
Підтримка браузера EOT
Підтримка браузера WOFF
Підтримка браузера SVG
Підтримка браузера TTF