К тексту внутри SVG не применяется подключенный шрифт?

Question

[Underdoggit]

Создал маленький призыв к действую в Illustrator, но шрифт который использовал - меняется на дефолный при подключении к сайту, добавил этот шрифт на сайт, установил его в систему, но так ничего не поменялось, в иллюстраторе он работает, а в вебе нет. В чем может быть проблема?

Comments

[Максим]

хорошо бы код увидеть

[Underdoggit]

Максим Ленский, код svg картинки? или css?

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/YLrqyW вот так у тебя подключен шрифт ?

Comments

[Underdoggit]

Нет, шрифт подключен через link, а svg картинка сделала background' ом к блоку

[Максим]

Underdoggit, svg подключите как я в примере иначе шрифт через link не сработает

[Андрей]

Да, чтобы подключать в svg шрифты, js и css сайта надо либо прямо в html-код svg-код вставлять, либо svg грузить не через тэг img, а через тэги object или embed. Но в последних случаях не гарантированн результат для некоторых браузеров, хотя сейчас может ситуация изменилась c новыми версиями.
Я бы не парился - перегнал бы надпись в кривые. Размер свг'хи возрастет, но подкачка шрифта то же придает вес сайту. А если этот шрифт используется несколько раз в проекте, и то на баннерах - не имеет смысл подгружать его вообще.