使用谷歌网页字体无限制的添加字体到您的网站
建站知识 2021-07-03 09:08www.168986.cn长沙网站建设
很长一段时间,网站的开发受到影响,因为他们的资源,他们只能使用少数几种字体。,现在谷歌推出新的Web服务“谷歌网页字体”。该服务允许您使用不同的字体在您的网站从谷歌的可能性。使用的字体,没有任何限制。
狼蚁网站SEO优化是一个简短的描述,你如何能做到在几个步骤
选择字体
要做到这一点,打开谷歌http://.google./webfonts,选择一个你喜欢的。
获取所选择的字体代码
在这个例子中,将使用“Eater”字体。要获得该字体的代码,你需要在打开的页面这样做
然后,你需要添加“/”的标签,以避免在HTML验证错误。,它应该是
复制代码
代码如下:<link href='http://fonts.googleapis./css?family=Eater' rel='stylesheet' type='text/css' />
上面的代码复制,并把它这样的标签<HEAD>后
复制代码
代码如下:<head>
<link href='http://fonts.googleapis./css?family=Eater' rel='stylesheet' type='text/css'/>
...
<!-- other HTML code -->
...
将CSS代码添加到您的网页
现在你可以使用这个字体在CSS中设置属性“字体家庭”。例如,如果你想所有的第一级标题的字体,你必须添加以下CSS样式
复制代码
代码如下:h1
{
font-family: 'Eater', cursive;
}
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML