Google Web fonts 网页谷歌字体

No Comments

Google Fonts:http://www.google.com/fonts/

很长一段时间,网站的开发受到影响,因为他们的资源,他们只能使用少数几种字体。但是,现在谷歌推出新的Web服务“谷歌网页字体”。该服务允许您使用不同的字体在您的网站从谷歌的可能性。使用的字体,没有任何限制。

下面是一个简短的描述,你如何能做到在几个步骤:

选择字体

要做到这一点,打开谷歌http://www.google.com/webfonts,选择一个你喜欢的。

选择谷歌字体

获取所选择的字体代码

在这个例子中,将使用“Eater”字体。要获得该字体的代码,你需要在打开的页面这样做:

代码谷歌字体

然后,你需要添加“/”的标签,以避免在HTML验证错误。因此,它应该是:

 

代码如下:

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

上面的代码复制,并把它这样的标签<HEAD>后:

代码如下:
<head>
<link href=’http://fonts.googleapis.com/css?family=Eater’ rel=’stylesheet’ type=’text/css’/>

<!– other HTML code –>

将CSS代码添加到您的网页

现在你可以使用这个字体在CSS中设置属性“字体家庭”。例如,如果你想所有的第一级标题的字体,你必须添加以下CSS样式:

代码如下:
h1
{
font-family: ‘Eater’, cursive;
}

 

显示作者信息, 用于告诉读者关于作者的相关介绍信息可以在 后台 > 用户> 我的个人资料 > 个人说明 中修改."

关于我们和本博客

我们是一个提供令人信服的营销解决方案的全方位服务机构。我们获胜的解决方案和经验有助于跨多个领域提供显著的效果。

免费获取方案

我们提供专业的 SEO 服务,以帮助网站大幅增加相关搜索和争夺第一页排名的高度竞争的关键字。

20+

边栏小工具