• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

使用谷歌网页字体无限制的添加字体到您的网站

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

很长一段时间，网站的开发受到影响，因为他们的资源，他们只能使用少数几种字体。但是，现在谷歌推出新的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;
}

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
五条准则帮你写出可维护的css代码发布时间：2022-06-21
下一篇：
css float属性 图解float属性的点点滴滴发布时间：2022-06-21
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap