Есть ли минусы для использования @font-face?
Я обнаружил, что @font-face - хорошая альтернатива sIFR3, но каждому браузеру нужно различное расширение шрифта. так что реализация - это больше, чем sIFR3.
Но очень хорошо, что FLASH и Javascript не нужны.
Есть ли какие-либо недостатки использования @font-face по сравнению с sIFR3? Мне нужна совместимость во всех браузерах A-Grade.
а также
Если какой-либо шрифт, который свободно доступен для скачивания в сети, или если шрифт куплен и предоставлен клиентом или шрифт куплен моей компанией. во всех условиях я могу использовать эти шрифты?
4 ответа
Вы можете использовать @font-face с:
- Firefox 3.5
- Safari 3.2
- Chrome 4.0
- Opera 10.5 http://a.deveria.com/caniuse/
Для IE запасной вариант работает отлично, но обязательно используйте небольшой хак для плавного рендеринга: http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/
Вопросы:
- Качество рендеринга шрифтов отличается от браузера к браузеру. Поскольку методы сглаживания каждого браузера различны: http://www.position-absolute.com/articles/html5-font-face-is-not-as-ready-as-you-would-think/ Typekit предоставит онлайн-инструмент для этого: http://typophile.com/node/65656 http://typophile.com/files/typekit-browsers_4440.png
- во время загрузки шрифта пользователь видит шрифт по умолчанию в течение 1 или 2 секунд
- Если шрифт предоставлен вашим клиентом, он может быть обеспокоен тем, что шрифт будет загружен с веб-сайта.
- Я сделал печать шрифтовых тестов: он просто не работает (но с sFIR все в порядке)
Вы можете также проверить Cufon ( http://cufon.shoqolate.com/) или Typekit ( http://typekit.com/).
Самый большой недостаток этой техники сейчас - это браузеры, которые ее поддерживают.
Посмотрите, как люди пытаются обойти этот недостаток здесь: http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/
Хуже всего, вероятно, задержка загрузки шрифта, когда вы сначала увидите оригинальный шрифт, а затем, после небольшой задержки, загруженный шрифт.
iirc, вам не нужно разное расширение шрифта для каждого браузера. Только IE отличается от всех остальных, как обычно.