Есть ли преимущество в использовании SVG-шрифта в @font-face вместо TTF / EOT?
Вопрос
Я исследую использование шрифтов SVG в объявлении @font-face.Пока, похоже, его поддерживают только Safari 4 и Opera 10.Firefox 3.5 не поддерживает это, но есть сообщение об ошибке, но исправление еще не предоставлено (хотя есть исправления).
Мне интересно, с поддержкой @font-face в основных браузерах, в чем преимущество использования формата шрифта SVG вместо форматов TTF / OTF / EOT?Единственное преимущество, которое я могу извлечь из обсуждения, связанного выше, заключалось в том, что вы можете добавлять свои собственные отсутствующие символы в шрифты, которые их еще не поддерживают.
Есть ли какая-либо другая причина указывать SVG-шрифты в CSS?
Решение
Похоже, это единственный способ использовать веб-шрифты в мобильном Safari.Так что это довольно большое преимущество, если вы разрабатываете для iPhone и iPad.Шрифт Беличий @генератор шрифтов-граней может создать соответствующий SVG-файл и синтаксис CSS из любого шрифта OpenType.
Другие советы
В W3C заявляет об этих преимуществах:
Одним из недостатков средства WebFont на сегодняшний день является то, что такие спецификации, как [CSS2], не требуют поддержки определенных форматов шрифтов.В результате разные реализации поддерживают разные форматы веб-шрифтов, что затрудняет для создателей веб-сайтов публикацию единого веб-сайта с использованием WebFonts, которые работают во всех пользовательских агентах.
Чтобы обеспечить общий формат шрифта для SVG, который гарантированно поддерживается всеми соответствующими средствами просмотра SVG, SVG предоставляет средство для определения шрифтов в SVG.Это средство называется SVG-шрифты.
Шрифты SVG могут улучшить семантическую насыщенность графики, представляющей текст.Например, логотипы многих компаний состоят из названия компании, нарисованного художественным способом.В некоторых случаях доступность может быть улучшена путем отображения логотипа в виде серии глифов шрифтом SVG, а затем рендеринга логотипа в виде элемента "текст", который ссылается на этот шрифт.
Но смысл общего формата на самом деле не имеет значения из-за отсутствия поддержки браузера.
svg webfonts не может работать в автономном веб-приложении.Вы можете увидеть пример здесь: http://straathof.acadnet.ca/beta2.2 Сохраните этот файл на домашней странице idevice, включите режим полета и откройте его.Шрифты svg и используемая система именования приводят к сбою URL-адреса шрифта.
надеюсь, Apple скоро исправит это.