SVG lo go имеет другой шрифт на мобильном телефоне, чем на рабочем столе

Question

Этот SVG lo go выглядит корректно в настольном браузере, как Chrome на Ма c:

Правильно отображенный lo go на рабочем столе имеет слово «Хостинг» шрифтом без засечек.

Однако на iPhone 5 & 7 слово «Хостинг» - с засечками. шрифт:

Что мне нужно сделать, чтобы отображать lo go на мобильном телефоне так же, как на рабочем столе, пожалуйста, чтобы слово " Хостинг "is sans-serif?

Редактировать: слово" хостинг "не производится путями, как остальные lo go, это <text transform="matrix(1 0 0 1 96.9229 18.4597)" class="st2 st3 st4">hosting</text>.

Как сделать Я гарантирую, что хостинг слов создается путями в Illustrator?

Answer 1

Я бы порекомендовал использовать <text> над путями, так как вы сможете изменить текст внутри него, а также я думаю, что он распаковывает размер файла (не уверен насчет этого).

Вы можете добавить стиль текста, чтобы он мог быть любого шрифта, который у вас есть. Просто примените font-family:Sans Serif; к элементу <text>, атрибуту class или атрибуту id.

Answer 2

Я видел в .ai файле, что текст не был преобразован в пути.

Тип> Создать контуры> Экспорт в SVG удалил весь текст из SVG.