将特殊字体添加到了html页面中

最新推荐文章于 2024-03-12 15:13:28 发布

print_Hyon

最新推荐文章于 2024-03-12 15:13:28 发布

阅读量7.6k

点赞数 3

文章标签： html字体

本文链接：https://blog.csdn.net/qq_37400312/article/details/66970673

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.首先，打开电脑控制面板，搜索“字体”，然后打开

2.选择自己喜欢的字体，复制到桌面，将TTF格式字体转换为WOFF格式，方法有很多，推荐使用Free TTF To WOFF Coverter工具，下载地址：http://download.csdn.net/detail/qq_37400312/9795134

3.下面，我们来说重点！！！

代码如下：

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
/*首先对字体进行引用*/
@font-face {
    font-family: 'font01';/*这里填写字体名*/
    src: url('font/font.woff') format('woff');/*这里填写字体路径，我放在了和网页同一目录下的font文件夹内，字体文件名称为font.woff*/
}
</style>
</head>
<body>
<!-- 然后对字体调用 -->
<font face="font01">font字体 设置了文本字体</font>
</body>
</html>

4.我们来看一下浏览器中的效果：