html字体自定义

在css里面定义:
@font-face{
font-family: “Roboto-Light”;
src:url("…/fonts/Roboto-Light.ttf");
font-weight: normal;
font-style:normal;
}

字体下载服务器本地:推荐一个下载网址:https://www.google.com/fonts
这里有博客里面搜索的:http://www.chinaz.com/web/2018/0403/869927_4.shtml
下载的字体打开一看,只有.ttf格式的字体文件,但是在@font-face属性里,一般要引入.eot + .ttf /.otf + svg + woff 才能达到让所有浏览器的完美支持。
所以以下网站可以转换字体格式:
https://www.fontsquirrel.com/tools/webfont-generator
html字体自定义

然后直接:
div{
font-family:“Robot-Light”;
}

注意:商用的会被投诉侵权。