savari iPhone上未呈现SVG文件

时间:2019-05-23 23:29:46

标签: html css web

我正在设计网站并使用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);

0 个答案:

没有答案