今天无意间发现一个很好的教程,解决了困惑我很久的疑问——更改网站的字体!
最简单的方法就是用 www.webfont.com
首先注册帐号,然后查找自己想换的字体,接着调用方法选择 js 就可以,最后把 js 代码插入到 head 里
例如
<script type="text/javascript" src="https://cdn.repository.webfont.com/wwwroot/js/wf/youziku.api.min.js"></script>
<script type="text/javascript">
$webfont.load("body", "xxxxxxxxxxxx", "SourceHanSerif-B");
/*$webfont.load("#id1,.class1,h2,h1", "xxxxxxxxxxxx", "SourceHanSerif-B");*/
/*...*/
$webfont.draw();
</script>
然后需要注意的是
"body" 即为更改页面全部字体
"#id1,.class1,h1" 可修改部分字体
"xxxxxxxxxxxx" 为你的密匙
如需多种字体在后面直接添加即可
例
$webfont.load("h1", "xxxxxxxxxxxx", " 字体名 ");
$webfont.load("h2", "xxxxxxxxxxxx", " 字体名 ");
$webfont.load("h3", "xxxxxxxxxxxx", " 字体名 ");
是有些不足的,但也够用了。
为啥我改的全部,还有某些字体是原来的样子,看着很蓝瘦。
一只小风风 2019-10-22
并不是所有字体都是免费的,有些是要收费的,还有些是半收费的,你看下[使用]下面有没有半收费的提示。
老狮 2019-10-22
还有一个问题就是,你目前站点的字体,有一个很大的问题,字间距为0,这样看着压力特别大
汝者非鱼 2019-10-18
我把字体加粗了一下,就是css里最前面那个lighter换成normal,lighter的意思就是淡字体的意思,normal就是正常
汝者非鱼 2019-10-18