SVG не хочет использовать шрифт. Что делать?

Question

[Иван]

Есть svg файл. В нем используется шрифт bauhaus. При отсутствии шрифта на компьютере, надпись рендерится шрифтом по умолчанию, что неприемлемо.
Я пробовал подключить шрифт в CSS так, но это не помогло.

@font-face{
font-family: 'Bauhaus';
src: url('../fonts/bauhaus/bauhaus.ttf');
font-weight: normal;
font-style: normal;
}

Пробовал по разному сохранять svg с различными параметрами:
- изменял сокращение знакового состава.
- менял свойства таблиц.

Ничего не помогает.

Comments

[uRoot]

SVG не хочет использовать шрифт

Ух он какой нехороший

[Иван]

CryNet, это точно

[Александр]

Иван Анатоличь, трансформировать текст в кривую, не?

[Иван]

Seasle, я понятия не имею что так можно. Но попробую!

[Алекс Глебов]

Проверьте название шрифта в font-family, или подключаемый файл может не поддерживать кириллицу

[Иван]

Алекс Глебов, там нет кириллицы

[ProjectSoft]

Иван Анатоличь,


Как видно img не хочет грузить шрифт. И это правильно.

[Иван]

ProjectSoft, подскажите, тогда получается если svg указать в стилях в background то шрифт тоже грузиться не будет?

[Алекс Глебов]

Иван Анатоличь, инлайном нужно вставлять

[ProjectSoft]

Иван Анатоличь, вообщем вам Алекс Глебов ответил полностью и ёмко.
Ничего не стоит сделать тест на fiddle на основе имеющегося.



Хорошие статьи, чтобы всё получилось

1. Структурирование, группировка и привязка в SVG — э...
   
2. Оформление содержимого в SVG с помощью CSS
   

Answer 1

[Антон Пилецкий]

https://stackoverflow.com/questions/29494271/svg-f...