Как встроить шрифт пользовательского веб-сайта в формат ttf для всех браузеров?
На моем веб-сайте я использую специальный шрифт, который я загрузил. Кажется, он выбирает, когда работать с перерывами. Он работает на некоторых компьютерах/браузерах, но не на других. Он также правильно отображается.
Это мой код:
<style type="text/css">
@font-face {
font-family: 'AgencyFBRegular';
src: url('agencyr.eot');
src: url('agencyr.eot?#iefix') format('embedded-opentype'),
url('agencyr.woff') format('woff'),
url('AGENCYR.TTF') format('truetype'),
url('agencyr.svg#AgencyFBRegular') format('svg');
}
h3 { font-family: 'Agency FB', sans-serif; font-size: 26px; font-weight:normal; text-align: left; line-height: 100%;
border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom:7px;
</style>
Я думал, что это работает повсюду, пока я не использовал портативный компьютер для просмотра.
Вы видите, что я ошибаюсь?
UPDATE:
Я обновил шрифт CSS. Кажется, он работает, но теперь не на iOS.
Ответы
Ответ 1
Следующий код должен работать:
@font-face {
font-family:"AgencyFBRegular";
src: url("agencyr.eot") /* EOT file for IE */
}
@font-face {
font-family:"AgencyFBRegular";
src: url("agencyr.ttf") /* TTF file for CSS3 browsers */
}
h3 {
font-family:'Agency FB', sans-serif;
font-size: 26px;
font-weight:normal;
text-align: left;
line-height: 100%;
border-bottom: 1px solid #484848;
padding-bottom: 5px;
margin-bottom:7px;
}
Ответ 2
Вам нужно изменить имя файла вашего шрифта без параметра "Верхний регистр". Например: от AGENCYR.TTF
до AGENCYR.TTF
и в вашем файле css:
src: url('agencyr.ttf');