如何添加google字体到你的wordpress主题
发布时间:2011-12-07 11:12:45
Google Web Fonts 免费为你的博客提供安全而漂亮的字体服务。通过使用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”。根据需要,现在你需要的模式,不过在这里,我们建议选择标准模式。 复制第3步的代码,把它们拷贝到你主题的header.php的</head>之前。
5.现在,把字体的名字添加到你主题的css文件里面。例如:你想在段落<p>中使用google web Fonts作为默认显示字体。css代码直接这样写就行:
p {
font-family:'Alike', Arial;
}
此代码将在您的博客段落显示google字体“Alike”,如果要加载的字体遇到一些暂时性问题,那么它将显示为“arial”字体。 同样,您可以将字体样式添加到其他元素,比如“body”整体布局、“li”列表的链接等。 如果你是不太熟悉css,请参见 CSS basics at HTML Dog.
猜你喜欢
- 有两台邮件服务器分别为192.168.1.1(windows下主机名为b.test.cn)和192.168.1.3(linux下主机名为a.
- 相信在自己的网站上使用AdSense的朋友都曾遇到过展示英文广告的情况,即使网页内容全部为中文,即使访问用户全部来自中国或中文区域。虽然出现
- 中国雅虎这次先发制人,先于百度推出了雅虎统计,对决Google分析,而百度统计也即将上线,可以预计,未来中文网站统计领域将会发生巨大的变数。
- 微软周五宣布,使用Microsoft IIS Web Server与Microsoft SQLServer的网站遭到大量SQL注入式攻击与其
- 问:目前哪些 Flash 文件能更好地被谷歌索引到呢?我们改善了对所有类型 SWF 文件中的文字内容的索引能力,其中包括像按钮或菜单这样的
- 怎样在godaddy Linux虚拟主机上配置MIME类型呢?你可以使用一个.htaccess文档来配置你的MIME类型。 当你在.htac
- 这二个月,我观察了几百个博客网站,发现有许多博客并不十分了解这些规则,所以将写出一系列比较常见的错误,以让大家对这些条例有进一步的认识,从而
- 问题一:双核的优势在哪里?主要的应用领域有哪些?彭震:由于双核处理器在性价比、功效和可扩展性方面具有极大的优势,双核处理器可以在不改变基础设
- 方法一 将新模板覆盖templets下的文件最简单的更换模板的方法是直接覆盖templets目录下的所有文件但是这样会导致原先的模板被覆盖。
- 分词是很多做SEO的人常听到的概念,为了让大家在这个方面不会有疑惑,现在要来讲一下分词以及索引库。这也是更深入的了解搜索引擎的开始。搜索引擎
- 本文以Red Hat Enterprise Linux AS v4为平台一、资料参考与准备:DNS 是指:域名服务器(Domain Name
- AdSense 收入 = 广告展示次数 x 点击率 x 点击单价 x 智能定价因素(Smart Price)广告展示次数基于你的网站流量,该
- 我不主张以任何恶意去推测站长,我也不赞同以坏蛋假设对待Google。当一个人的Google AdSense账号被停止后,发布者需要的是保持冷
- 1.问:Exchange 2000支持单信箱区恢复么?答:Exchange 2000并不支持使用微软工具和产品进行的单信箱区恢复。您可以找到
- 个人做站长不容易,每天对着电脑,把网站当成自己孩子,每天悉心照料,更新内容,做宣传,看到哪里美工没做好,不管有没有吃饭,立刻改;有人反映哪里
- 1.域名轰炸域名轰炸,英文称:domain spamSEO新手往往会认为,注册N个域名,都连向主站,这样就可以增加主站的PR。如果这N个域名
- 在本周二召开的RSA国际安全会展上,微软公司发布了其新款身份信息管理软件,微软并表示他们正与德国政府合作研制一种电子身份证,这种电子身份证可
- 没有谁是天生的天才,这句话适用于任何人。同样,网站设计也是如此,开始对这门艺术有感觉的时候,一定是看到了别人的作品后才惊醒了你那根本来沉睡的
- 什么是日志文件?它是一些文件系统集合,依靠建立起的各种数据的日志文件而存在。在任何系统发生崩溃或需要重新启动时,数据就遵从日志文件中的信息记
- 首先先看看本站的排名在百度搜索: CSS论坛,CSS社区,CSS交流等CSSBBS.com都排在第一位搜索 CSS ,是排在第3页第一位。这