Есть ли преимущество в использовании SVG-шрифта в @font-face вместо TTF / EOT?

StackOverflow https://stackoverflow.com/questions/1449145

  •  11-09-2019
  •  | 
  •  

Вопрос

Я исследую использование шрифтов 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 скоро исправит это.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top