我们经常看到别人的网站字体非常漂亮,那是因为他们使用了其他的美化字体,合理的使用字体可以让网站看上去,高端优雅。那么如何使用自己下载的字体,我的站长站今天分享给大家整套方法。
1、字体选择
选择字体要注意两点,如果这两点不注意,会适得其反的。
一、大家都知道,字体文件都是几M甚至几十M,对于网站来说,属于非常大的了,用户在打开页面时,加载会非常慢,所以切记体积不能过大。
二、注意字体版权,不要什么字体都拿来用,现在国内的字体商都不讲武德的,随意使用分分钟律师函赔钱。

字体是否可以商用可以使用360的字体查询网站:
相关参考
2、字体转换
推荐使用可以商用且体积小巧的字体,可以去我的站长站推荐的这个字体网站找找。

相关参考
找到了合适的字体,我们还需要把字体转换成网页可以使用的格式,直接用下面的工具。
相关参考
使用方法:直接上传刚刚下载的字体,转换后,保存到项目目录,等待引用。
3、字体引用
用CSS3的@font-face语法,加载引用下载好的字体文件。
@font-face {
font-family: "11px";
src: url('https://www.wdzzz.com/fonts.woff2') format('woff2'),
url('https://www.wdzzz.com/fonts.woff') format('woff'),
url('https://www.wdzzz.com/fonts.ttf') format('truetype');
}最后使用字体方法
body{
font-family: "11px";
}

