使用CSS @ font-face与iPad/iPhone

前端之家收集整理的这篇文章主要介绍了使用CSS @ font-face与iPad/iPhone前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图用自定义字体使用CSS的font-face属性
@font-face {
   font-family: "Handvetica";
   src: url("Handvetica.eot"); 
   src: url("Handvetica.ttf") format("truetype"),url("Handvetica.otf") format("opentype"),url("Handvetica.woff") format("woff"),url("Handvetica.svg#Handvetica") format("svg");
}

它适用于ff,safari&铬正确。

网络上的多个站点需要在iO设备(iPod / iPhone / iPad)上使用font-face的svg字体。
使用https://onlinefontconverter.com转换字体,我拥有所有的格式。

svg字体不会显示在iO上。
有谁知道如何使它工作?
另外,svg url声明中的#的正确语法是什么?它代表什么?

谢谢。

解决方法

这是一个古老的问题,但是我认为没有人回答过,而且我也有同样的问题。

SVG url中的#号表示SVG字体的ID,如果#后面的字符串与SVG字体的ID不匹配,则不起作用。如果您打开SVG文件,您将看到如下代码

<font id="webfontSRj8j0PE" horiz-adv-x="1058" >

这是为了BEBAS字体,但是如果是用于您的Handvetica字体,您必须输入url(“Handvetica.svg#webfontSRj8j0P”)格式(“svg”)

猜你在找的CSS相关文章