SVG изображение возвращается к Times New Roman при просмотре на мобильном устройстве?

Question

У меня есть SVG-изображение на моем веб-сайте (у меня еще нет сертификата SSL, поэтому он может отображать ошибку безопасности перед вводом), а шрифт, который я использовал при создании этого изображения, был Segoe UI,На моем рабочем столе это выглядит хорошо, однако, когда я смотрю на него на мобильном устройстве, оно отображается как Times New Roman. Я пробовал это как обходной путь, но все равно ничего хорошего:

@ media (max-width: 576px) {

 #heroimg {
    font-family: Arial, sans-serif;
 }

}

Мой мыслительный процесс при добавленииэтот код в моем css будет таким, что если устройство не может загрузить шрифт, загрузите Arial.

Answer 1

Вам необходимо преобразовать весь текст в контуры перед загрузкой SVG.

Это можно сделать в Adobe Illustrator, выделив текст и выбрав Тип> Создать контуры