看惯了千篇一律的宋体、微软雅黑等系统自带的字体,想换一个彰显个性的字体。于是在网上找了教程并在自己的博客上用了起来,感觉还不错,在这里分享给大家。(其实网上的教程非常的多,这边也只是做一个简单的搬运)。
第一步:下载字体
下载自己喜欢的字体,字体格式为.ttf
第二步:转换字体
将下载好的字体转换成.eot、.woff、.woff2三种格式,文件名可以是任意英文,没有特殊要求,可以根据自己的喜好命名(不要设置为中文就可以了)。
第三步:上传字体
将转换好的.eot、 .woff、 .woff2三种格式字体上传到自己网站任何位置,只要和后面的代码路径一致就可以了。
第四步:调用代码
打开网站/博客主题CSS文件里面的style.css文件(不同程序命名可能不一样),在最下面(位置没有固定要求)放入以下代码
- @font-face {
- font-family: "light (字体名字可自行修改)";
- src: url(https://light.woff2(根据自己的字体路径修改)) format("woff2"),
- url(https://light.woff(根据自己的字体路径修改)) format("woff"),
- url(https://light.ttf(根据自己的字体路径修改))