相逢一场

这里只是我而已。

更改主题字体(续)

笔记 1 评

啊咧,
上线提醒我有字库不能用了,
如下,可能是网站字数太多,每次访问都重新生成,
用量太多了。

所以这个方法不好使了。

于是找到了另一种替代方法,
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>

完工~

测试又拍云储存
发表评论
撰写评论