Safari отображает текст в SVG другим шрифтом

Question

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

Правильный рендеринг

Вот как он должен отображаться.

Рендеринг Safari

Вот как это делает Safari.

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

.titleContainer{
  background-image: url(‘../img/logo.svg’)
}

Answer 1

Это наиболее вероятно, потому что вы должны "преобразовать в контур" при экспорте SVG из вашей программы проектирования. Я мог представить, что вы выбрали для встраивания шрифта.

Т.е. в Adobe Illustrator у вас есть возможность выделить шрифт при экспорте:

Пример Adobe Illustrator