Fontastic.me不在移动设备上工作

时间:2015-11-05 21:02:51

标签: svg fontastic

Fontastic.me是一个允许您上传svg个文件的网站,因此您可以将icons用作字体。我已多次使用此网站,但今天我发现这些图标不再适用于mobile。它们可以在计算机上的browsers中运行。我今天才注意到它,它以前一直都有效。

您可以使用此link在移动设备上进行测试。

2 个答案:

答案 0 :(得分:1)

格雷格,我有同样的问题。我最终放弃了Fontastic并改为使用https://glyphter.com/

Glyphter通过一次上传每个字符来创建自己的字体集。

它对我有用,也许你也可以尝试一下,看看它是否有效。

答案 1 :(得分:0)

对我而言,这似乎是Fontastic CSS生成器中的一个错误:您的页面链接CSS

https://fontastic.s3.amazonaws.com/8pMGtiqubDqmpbD4ER7hE3/icons.css

这包含最后一个链接为

的SVG后备

https://cdn.myfontastic.com/8pMGtiqubDqmpbD4ER7hE3/fonts/1446830181.svg#1446830181

网址的哈希部分必须与SVG中的字体ID相对应,但实际来源包含<font id="cloud-font" horiz-adv-x="512">

因此,在CSS中将#14468301替换为#cloud-font或替换SVG中的@id值可以解决您的问题。

这仅适用于您的手机真正转向SVG版本的情况。只有少数浏览器会这样做(我认为Android低于4.4,可能是旧的Safari,Blackberry,也许是Opera Mobile)。

(除此之外,您的HTML包含额外的HEAD标记,其中包含BODY中的图标CSS链接,is not valid。我不认为这会使任何理智的浏览器完全忽略该链接,但不能排除这种可能性。如果您有我们将您的网页设为真实application/xhtml+xml,浏览器应立即显示错误。)