Есть ли способ встроить скрипт Google Web Font в файл SVG? - PullRequest
Новая
       37

Есть ли способ встроить скрипт Google Web Font в файл SVG?

7 голосов
/ 22 декабря 2011

Я новичок в SVG и только что сделал свою первую приличную графику в Illustrator. Я встроил его в страницу (используя тег <embed>) с помощью скрипта Google Web Fonts для шрифта Ubuntu в теге <head>, но, как оказалось, шрифт Ubuntu правильно отображается в обычном тексте, но для этот трюк для работы в SVG, скрипт Google должен быть встроен в сам SVG. Как это может быть сделано?

Вот ссылка на рассматриваемый SVG-файл.

Ответы [ 2 ]

11 голосов
/ 22 декабря 2011

Вот пример использования нескольких различных веб-шрифтов внутри SVG.

Текущая версия скрипта, предоставляемая веб-шрифтами Google, не работает в svg.Однако Google очень легко исправить.

Вот несколько примеров использования веб-шрифтов Google в SVG с другими упомянутыми методами:

2 голосов
/ 22 декабря 2011

Я не думаю, что это действительно работает для связанных SVG, например , вот ошибка Firefox .Это сработает, если вы встроите SVG в HTML и затем создадите правила CSS, например: 

svg .text { 
    font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-style:normal; 
}

Конечно, это будет работать только в браузерах с поддержкой HTML5. Вот пример .

...