背景
我期望在我的网站上使用的 webfonts 可以在移动设备上工作,就像在桌面上一样。也就是说,在桌面上按预期工作。
CSS
@font-face {
font-family: 'sdFont';
src:
url("/fonts/sdFont.woff") format("woff"),
url("/fonts/sdFont.svg") format("svg"),
url("/fonts/sdFont.eot"),
url("/fonts/sdFont?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
h1, h2, h3,h4,h5 {
font-family: 'sdFont', Arial, serif;
}
问题
在 Android Firefox 上 H1、H2 使用正确的 webfonts,但 h3 和 h4 不是。
在 Android Chrome 上,没有一个 webfonts 工作。
我不明白某些字体在 Firefox 上是如何工作的,但在其他元素上却不行:/