啊咧,
上线提醒我有字库不能用了,
如下,可能是网站字数太多,每次访问都重新生成,
用量太多了。
所以这个方法不好使了。
于是找到了另一种替代方法,
https://www.iconfont.cn
来自阿里图标库
它可以帮助我们,帮我们自定义一段文字的字体,字体文件里只会包含我们输入的文字的字体,这样载入字体的时候就会很快,很适合拿来做小部分使用。
而想整站用这个字体该怎么办呢。
首先我们下载好自己需要的字体,
我用的方正粗金陵
然后打开这个网站进行转换格式
https://www.fontke.com/tool/convfont/
把字体文件上传到你的网站,
然后替换掉相应的字体路径。
把下面的代码放到你的head
<style type="text/css">
@font-face {
font-family: 'webfont';
font-display: swap;
src: url('../css/fonts/webfont.eot'); /* IE9*/
src: url('../css/fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../css/fonts/webfont.woff2') format('woff2'),
url('../css/fonts/webfont.woff') format('woff'), /* chrome、firefox */
url('../css/fonts//webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../css/fonts//webfont.svg#after') format('svg'); /* iOS 4.1- */
}
body{
font-family: "webfont";
}
</style>
完工~
纯干货,试试去