我正在设计网站并使用SVG文件。 SVG是“ Welcome”的文本,带有我想要的特定字体。即使我将屏幕调整为移动尺寸,它也可以完美显示在Internet Explorer和Google Chrome上。但是,当我在iPhone上打开时,SVG文件仅显示文本“ Welcome”,而没有特殊字体。
我尝试将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>
我希望输出像是SVG文件中的PalaceScriptMT字体一样是Welcome,但是在iPhone上,这种字体不起作用。我也尝试将字体导入到CSS中:
@import url(//db.onlinewebfonts.com/c/be6ba96b363711643c6efb8970ebce73?
family=Palace+Script+MT);