Fontastic.me是一个网站，可让您上传svg文件，以便将您icons的字体用作字体。我已经多次使用这个网站，但今天我注意到这些图标不再工作mobile了。他们确实browsers在电脑上工作。我今天才注意到它，它以前一直有效。
您可以使用此链接在移动设备上进行测试。
问问题
1942 次
2 回答
1
对我来说，这似乎是 Fontastic CSS 生成器中的一个错误：您的页面链接 CSS
https://fontastic.s3.amazonaws.com/8pMGtiqubDqmpbD4ER7hE3/icons.css
这包含最后一个 SVG 后备链接为
https://cdn.myfontastic.com/8pMGtiqubDqmpbD4ER7hE3/fonts/1446830181.svg#1446830181
URL 的散列部分必须与 SVG 中的字体 ID 对应，但实际源包含<font id="cloud-font" horiz-adv-x="512">。
因此 #14468301，用#cloud-fontCSS 替换或替换 SVG 中的 @id 值应该可以解决您的问题。
这仅适用于您的手机真正使用 SVG 版本的情况。只有少数浏览器会这样做（我认为 Android 低于 4.4，可能是旧的 Safari、Blackberry，可能还有 Opera Mobile）。
（除此之外，您的 HTML 在 BODY 中包含带有图标 CSS 链接的额外 HEAD 标记，这是无效的。我认为这不会使任何理智的浏览器完全忽略该链接，但不能排除这种可能性。如果您已将您的页面视为真实的application/xhtml+xml，浏览器应立即显示错误。）
于 2015-11-06T18:57:11.247 回答
1
格雷格，我有同样的问题。我最终放弃了 Fontastic 并改用https://glyphter.com/。
Glyphter 通过一次上传每个字符来创建您自己的字体集。
它对我有用，也许您也可以尝试一下，看看它是否有效。
于 2016-05-11T04:37:39.233 回答