Я проектирую веб-сайт и использую файл SVG.SVG - это текст «Добро пожаловать» с определенным шрифтом, который я хочу.Он отлично отображается в Internet Explorer и Google Chrome - даже когда я изменяю размер экрана до размеров мобильного телефона.Тем не менее, когда я открываю на моем iPhone, SVG-файл просто отображает текст «Добро пожаловать» без специального шрифта.
Я попытался изменить SVG-файл на HTML-файл со специальным шрифтом, однако это также помоглоне решить мою проблему.
Я использую это в своем html:
<image
src="/images/text.svg"
title=""
id="text-brand"
/>
SVG-файл:
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 126.62 24.44"><defs><style>.cls-1{font-
size:24px;fill:#fff;font-family:PalaceScriptMT, Palace Script MT;}
</style></defs><title>signature</title><text class="cls-1"
transform="translate(0 18.62)">
Welcome
</text><path d="M-197.67-94.67" transform="translate(-1.35 3.29)"/></svg>
Я ожидаю, что вывод будет приветствовать со шрифтомPalaceScriptMT как в SVG-файле, но на iPhone этот шрифт не работает.Я также попытался импортировать шрифт в моем CSS:
@import url(//db.onlinewebfonts.com/c/be6ba96b363711643c6efb8970ebce73?
family=Palace+Script+MT);