Question

如何使用 Google Web Fonts

Answer 1

通过使用Google Web Fonts，你的博客不用上传任何字体，就能显示除了常用的“Arial”，“Verdana”等字体之外的其它字体。众所周知，网站可读性取决于它的设计和外观。网页设计中扮演最重要角色的字体，使用的什么样的字体对您的网站模板很重要。例如，Arial /Helvetica （sans-serif）， Verdana and Georgia是我们常用的web设计的字体。这些字体提供一个很好的可读性，但如果你想用新字体，你需要做的就是确保浏览者的网络设备安装了这些字体。这样很难确定。所以就得自己上传字体到服务器，并通过CSS来加以控制。但现在，有一个更好的免费工具，那就是Google Web Fonts在您使用Google Web Fonts服务之前，请首先了解以下两点：1.选择太多的字体会减缓你的博客加载速度，所以你只需选择必须使用的。以免造成访问速度变慢的情况发生。2.如果你只能选择你所需要的语言，你会帮助防止您的网页上的变得缓慢。3.目前Google Web Fonts的界面及预览语言不为英语（不妨碍中文使用）。Google Web Fonts能直观展示各种web字体，就像Serif，Sans-Serif，Display 和 Handwriting，你还可以浏览某些属性，如脚本显示字体、宽度、倾斜和厚度。所有这些属性可以显示在侧窗格中。在你选择你想要的字体时，你还可以直观预览诸如单词、句子、段落等整体样式。下面是一个简单的教程，帮助你更快更好使用Google Web Fonts：1.点击 Google Web Fonts 进入谷歌字体服务，选择您想要的字体，然后点击右下角“Add to collection” 按钮，在这里，我们选择“Alike”字体来作为整个教程的例子字体。2.点击“Add to collection”后，会在页面最下方出现这样一个信息“1 font family in your collection” 还有三个按钮，分别是“Choose“，“Review” 和“Use“。 在这里，我们选择 “Use“。也就是使用。3.它还要求对字体设置。选择可用的样式，例如“粗体、斜体”等。但只针对某些特定字体。接下来，选择特定的语言字符。生成代码。4.接下来是代码部门，谷歌字体提供三种应用代码，分别是标准模式“Standard （external stylesheet）”， 导出模式“@import method”和JS模式“JavaScript”。根据需要，现在你需要的模式，不过在这里，我们建议选择标准模式。

Answer 2

进入Google Web Fonts 主页 点击“开始选择字体”；
从200+字体中选择想要的字体（可惜没有中文字体），选择“使用”；
设置你选择字体的样式和字符集；
把字体加到你的网站：
方法一：标准式：在head部分加入一串 link 样式，引入Google字库：；
方法二：@import 式：@import url;
方法三：js引入：
WebFontConfig = {
google: { families: [ 'Comfortaa:latin', 'Rosario:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
5.然后就可以和普通字体一样设置样式了。

WP可以使用WP Google Fonts插件。

Answer 3

首先你要能打开Google，在国内是打不开的，分享一款搜狐VPN给你可以在百度软件中心下载rj.baidu.com/soft/detail/38384.html，选择美国链接成功后：
进入Google Web Fonts 主页：http://www.google.com/webfonts 点击“开始选择字体”；

从200+字体中选择想要的字体（可惜没有中文字体），选择“使用”；

设置你选择字体的样式和字符集；
把字体加到你的网站：

方法一：标准式：在head部分加入一串 link 样式，引入Google字库：；
方法二：@import 式：@import url(http://fonts.googleapis.com/css?family=Comfortaa|Rosario);
方法三：js引入：
WebFontConfig = {
google: { families: [ 'Comfortaa:latin', 'Rosario:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();

5.然后就可以和普通字体一样设置样式了。

WP可以使用WP Google Fonts插件。

作者：Feeng 来自互联网回答，整理给你

Answer 4

很简单啊