and*_*orp 12 css google-chrome ios google-webfonts responsive-design
当我使用Google Webfonts时,它们可以在我关注的每个浏览器上加载,除了Chrome/iOS.这看起来很奇怪,因为它适用于Chrome for Mac和Safari for iOS,因此我认为这不是iOS问题或Google Chrome问题.它似乎特定于Chrome/iOS.
关于如何解决这个问题的任何想法或想法都会很棒!
谢谢!
编辑
我使用的是Google托管的Google网络字体,其中包含以下内容:
<link href="http://fonts.googleapis.com/css?family=Leckerli+One" rel="stylesheet" type="text/css" />
在我的字体(SASS)中,我使用以下内容:
h1
font-family: "Leckerli One", cursive
我看到了同样的问题.在我自己的服务器上托管字体文件并重写@ font-face规则以匹配解决了我的问题,包括我的本地开发服务器和prod.
我不知道原因; 我最好的猜测是在UIWebViews中强制执行的同源问题(由于App Store规则,iOS Chrome是UIWebView).
您可以使用Google Fonts API 加载器，它将检测用户的浏览器并发送回适当格式的 CSS。
示例代码可在该 Stack Overflow 问题的第一个回复中找到。
这将允许 Safari 和 Chrome（以及其他基于UIWebView的浏览器）正确显示字体。
注意：如果你想在本地存储字体，正如@Dave建议的那样，这个CSS应该可以工作。
| 归档时间： |
|
| 查看次数： |
9762 次 |
| 最近记录： |