Fontastic.me
是一个允许您上传svg
个文件的网站,因此您可以将icons
用作字体。我已多次使用此网站,但今天我发现这些图标不再适用于mobile
。它们可以在计算机上的browsers
中运行。我今天才注意到它,它以前一直都有效。
您可以使用此link在移动设备上进行测试。
答案 0 :(得分:1)
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
,浏览器应立即显示错误。)