Question

我想使用一些谷歌字体，但我知道有些国家会阻止任何谷歌元素（我试图登录一些网站使用谷歌的字体，在一些海外国家谷歌被垃圾邮件导致网站加载缓慢，最后浏览器说无法访问该网站）

所以我的问题是，如果<link href="sth.google.com" ...\>中的<head\>功能正常，我可以使用该字体，但如果用户试图从我提到的某些国家访问我的网站，他们可以选择＆＃34;禁用＆＃34;该链接（可能是访问者在访问我的主页之前单击我网站上的某些按钮，然后<link \>可以自动注释掉并使用默认字体显示我网站上的元素。）

Answer 1

您可以将Google中的字体下载到您将放入网站.root中的字体文件夹中，然后直接链接到该文件夹中的字体。您还可以在该字体后面添加逗号并指定默认字体，例如： font-family：＆＃34; Lato＆＃34;，sans-serif;

Answer 2

通过@ font-face使用链接字体时，Web Font Loader可为您提供更多控制。它提供了加载字体的通用接口，无论源是什么，然后添加一组标准事件，您可以用来控制加载体验

https://github.com/typekit/webfontloader#timeouts

在这种情况下不要使用webfont.js谷歌cdn :)使用你自己的

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js"></script>
<script>

//this block is non necessary if you want to   
//override default timeout use this #####################
    WebFontConfig = {
        google: {
            families: ['Lobster','Droid Serif']
        },
        timeout: 5000 // Set the timeout to two seconds
    };
//########################################################

    WebFont.load({
        google: {
            families: ['Lobster', 'Droid Serif']
        }
    });
</script>

<p style="font-family:'Lobster'; font-size: 60px">asdasdasd</p>
<p style="font-size: 60px">asdasdasd</p>

如果CSS中存在该字体，我该如何使用该字体

2 个答案: