博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用谷歌字体的字体用简单的方法来添加到您的网站
阅读量:6540 次
发布时间:2019-06-24

本文共 411 字,大约阅读时间需要 1 分钟。

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

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

选择字体

要做到这一点,打开谷歌,选择一个你喜欢的。

选择谷歌字体

获取所选择的字体代码

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

代码谷歌字体

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

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

  
...
...

将CSS代码添加到您的网页

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

h1{  font-family: 'Eater', cursive;}

 

转载地址:http://qysdo.baihongyu.com/

你可能感兴趣的文章
基于js的CC攻击实现与防御
查看>>
Largest Rectangle in a Histogram
查看>>
树状数组模板
查看>>
我的家庭私有云计划-19
查看>>
项目实践中Linux集群的总结和思考
查看>>
关于使用Android NDK编译ffmpeg
查看>>
监控MySQL主从同步是否异常并报警企业案例模拟
查看>>
zabbix从2.2.3升级到最新稳定版3.2.1
查看>>
我有一个网站,想提高点权重
查看>>
Web前端开发必备:《Jquery实战》第3版 介绍
查看>>
2017年前端框架、类库、工具大比拼
查看>>
浅谈(SQL Server)数据库中系统表的作用
查看>>
微软邮件系统Exchange 2013系列(七)创建发送连接器
查看>>
程序员杂记系列
查看>>
配置Exchange 2010 服务器(二)Exchange2010证书配置
查看>>
折腾啊!不知道是不是Surface第一个售后顾客
查看>>
影响IO性能的request queue
查看>>
Kafka消息时间戳(kafka message timestamp)
查看>>
【树莓派】制作树莓派所使用的img镜像(一)
查看>>
使用Apache Tiles3.x构建界面布局
查看>>