Я хочу использовать купленный веб-шрифт, который поставляется с форматами шрифтов WOFF и EOT для Интернета, на адаптивном веб-сайте. Излишне говорить, что формат должен работать на всех устройствах, включая Android.
Я работаю с разработчиками, и они говорят мне, что WOFF и EOT не поддерживаются на таком устройстве.
Мой вопрос в том, что если можно размещать через typekit, имеет ли это значение?
Вы правы, утверждая, что браузер Android по умолчанию не поддерживает шрифты WOFF или EOT. Единственный формат шрифта, широко поддерживаемый устройствами Android, — это TTF/OTF. Некоторые более новые (3.0+) сборки Android также будут поддерживать шрифты SVG. Как правило, веб-шрифт поставляется со всеми тремя основными форматами: WOFF, EOT и TTF/OTF. Эти три типа файлов при использовании с правильным @font-face в вашем CSS обеспечат правильную работу шрифта практически на каждом устройстве/браузере, который широко используется сегодня.
Ваш веб-шрифт должен быть со всеми тремя основными форматами файлов. Если нет, вы можете использовать такой инструмент, как Генератор веб-шрифтов Font Squirrel, чтобы получить его. Хостинг через typekit также может стать решением, но в некоторых случаях typekit не бесплатен, в отличие от самостоятельного преобразования.
попробуйте эту реализацию
@font-face {
font-family: 'OpenSans';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
h1 {
font-family: 'OpenSans';
font-weight: 300%;
}
для получения дополнительной информации ознакомьтесь с этим примером https://github.com/ttibensky/BulletProof-font-face-implementation
