SVG в сети со специальными шрифтами - PullRequest
0 голосов
/ 27 января 2012

У меня есть файл SVG с некоторыми специальными - хотя и бесплатными - шрифтами, которые используются в нем, и я бы очень хотел использовать их, когда файл svg отображается в браузере.

Я пробовал:

  • добавление элементов <style> и @font-face, указывающих на абсолютные URL, со всеми возможными веб-шрифтами (eot, svg и т. Д.) В разделе <defs></defs> без успеха
  • добавление данных самого формата шрифта svg внутри документа в раздел <defs></defs>

но все безуспешно.

Кто-нибудь знает метод, как этого добиться?

P.S .: Извините, если я спрашиваю это не на том сайте, я не мог решить, является ли это вопросом кодирования или дизайна.


Редактировать

Я столкнулся с той же проблемой, несмотря на то, что пытался часами, не нашел решения. Вы можете найти тестовый пример здесь: http://editor.method.ac/font-files/test.html

Тестовый пример работает в Opera, а не в Firefox или Chrome. Не проверял IE9. Объявление шрифта использует только формат woff.

1 Ответ

2 голосов
/ 01 августа 2012

<img> файлы должны быть полностью автономными по соображениям безопасности, то есть они не могут ссылаться на какие-либо внешние файлы. Чтобы заставить шрифты woff работать с изображениями в Firefox, вам необходимо кодировать данные woff как URL-адрес данных и встраивать их в изображение. Так что вместо url(arvo-regular-webfont.woff) вы бы использовали url(data:application/octet-stream;base64,'d09GRg...

Здесь есть онлайн кодер здесь

...