自定义字体,又叫服务器字体,可以使得我们的页面字体多元化,更有特色,具体使用方法也很简单
字体的格式:
- .ttf
- .otf
- .woff
- .eot
- .svg
字体工具
- 查找字体的网站:
http://www.dafont.com - 修改字体图片格式的线上工具
https://www.fontsquirrel.com/tools/webfont-generator
自定义字体的使用:
具体使用方法:
- 到字体网站下载对应字体
- 到修改格式网站上传字体,选择expert,展开选项后,选择TrueType、EOT Lite、SVG、WOFF、WOFF2这些格式
![](https://img.haomeiwen.com/i2195474/372e64c98a8db85a.png)
最下方勾选Agreement,就可以下载转换后的字体了。
![](https://img.haomeiwen.com/i2195474/abef249b6c4a77c5.png)
-
解压后的文件仅留一下几个后缀的
留下这几个文件
-
引入样式表,或者直接拷贝到根目录,主要是要注意下图中的url,它就是字体引用的路径
样式表中的内容
-
设置对应的font-family的值为@font-face中的font-family的值即可使用。
font-family的值为样式表中的@font-face中的font-family的值即可
网友评论