Css 在iPad中嵌入字体

我正试图在iPad的网络视图中嵌入谷歌字体

如果我把这个放在头上，一切都很好：

<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>

我知道我仍在进行远程连接，但为什么这不起作用

---

在Safari和Firefox中，web看起来不错。

问题在于woff格式。谷歌知道这一点，当你在PC或iPad上使用Safari时，他会给你一个不同的css。正确的CSS是：

@font-face {
 font-family: 'Monofett';
 font-style: normal;
 font-weight: normal;
 src: local('Monofett'), url('./BezoWS-9nng_g31KmAteQ3YhjbSpvc47ee6xR_80Hnw.ttf') format('truetype');
}

---

孩子，我有一个很好的答案给你！我也有同样的问题，这很有效

你必须使用谷歌API加载器。这是我放在标题标签中的代码

<!-- Google API Loader -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">
    //load jQuery
    google.load("jquery", "1.7.1");

    //Google Fonts
    google.load("webfont", "1");

    google.setOnLoadCallback(function() {
        WebFont.load({
            google: {
              families: [ 'Lobster+Two:700italic,700,400italic,400', 'Alegreya:400,400italic,700' ]
            }
        });
    });
    </script>

//加载jQuery
load（“jquery”，“1.7.1”）；
//谷歌字体
加载（“webfont”，“1”）；
setOnLoadCallback（函数（）{
WebFont.load({
谷歌：{
家族：['龙虾+2:700italic，700400Italic，400'，'阿莱格里亚：400400Italic，700']
}
});
});

以下是有关API加载程序的一些信息：

还有一些关于使用谷歌字体的信息：

---

这是一个cwTeXHei版本，用于在iPhone浏览器上支持google web字体

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: normal;
  src: local('cwTeXHei'), url('./fonts/cwTeXHei-zhonly.ttf') format('truetype');
}

url将从css文件夹开始。
这适用于ios 10 safari

---

感谢Burshit Gabin。

iOS 4.2及更高版本支持Webfont loader，因此这对iPad1不起作用。@Bjorn。不是真的。iPad1不限于iOS 4.2。

<!-- Google API Loader -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">
    //load jQuery
    google.load("jquery", "1.7.1");

    //Google Fonts
    google.load("webfont", "1");

    google.setOnLoadCallback(function() {
        WebFont.load({
            google: {
              families: [ 'Lobster+Two:700italic,700,400italic,400', 'Alegreya:400,400italic,700' ]
            }
        });
    });
    </script>

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: normal;
  src: local('cwTeXHei'), url('./fonts/cwTeXHei-zhonly.ttf') format('truetype');
}