Есть ли способ встроить скрипт веб-шрифта Google в SVG-файл?

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

вот ссылка в файл SVG, о котором идет речь.

7
cross-browser fonts google-webfonts svg

2 ответов

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

текущая версия скрипта, предоставляемого google Web fonts, не работает в svg. Это было бы очень легко для google, чтобы исправить, хотя.

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

11

Я не думаю, что это действительно работает для связанного 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. вот пример.

2