TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

【转】更换网站字体其实很简单

老狮博主
2019-10-17
/
4 评论
/
2,553 阅读
/
150 个字
/
百度已收录
10/17
本文最后更新于2020年01月19日,已超过523天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

今天无意间发现一个很好的教程,解决了困惑我很久的疑问——更改网站的字体!
最简单的方法就是用 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", "字体名");

是有些不足的,但也够用了。

原文出处:https://unmei.cn/change-theme-font.html

代码字体
朗读
赞(0)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

老狮的梦

本文链接:

https://laolion.com/archives/1457.html(转载时请注明本文出处及文章链接)

评论 (4)
  1. 一只小风风 闲逛
    Android Pie · QQ Browser

    为啥我改的全部,还有某些字体是原来的样子,看着很蓝瘦。

    2019-10-22 回复
    1. 老狮 博主
      Windows 7 · Google Chrome
      @一只小风风

      并不是所有字体都是免费的,有些是要收费的,还有些是半收费的,你看下[使用]下面有没有半收费的提示。

      2019-10-22 回复
  2. 汝者非鱼 小坐
    Windows 10 · QQ Browser

    还有一个问题就是,你目前站点的字体,有一个很大的问题,字间距为0,这样看着压力特别大

    2019-10-18 回复
  3. 汝者非鱼 小坐
    Windows 10 · QQ Browser

    我把字体加粗了一下,就是css里最前面那个lighter换成normal,lighter的意思就是淡字体的意思,normal就是正常

    2019-10-18 回复

互动读者

  • 神话2闲逛

    评论 7 次 | 文章 0 篇

  • ptcry闲逛

    评论 3 次 | 文章 0 篇

  • 111闲逛

    评论 3 次 | 文章 0 篇

  • 千夜闲逛

    评论 2 次 | 文章 0 篇

标签云

最新回复

  1. 路过闲逛
    2021-06-24
  2. 88闲逛
    2021-06-23
  3. 萨达萨达按时闲逛
    2021-06-23
  4. 神话6闲逛
    2021-06-23
  5. 神话2闲逛
    2021-06-21