建站日志(2)——修改主题字体样式
本文最后更新于473 天前,其中的信息可能已经过时,如有错误请发送邮件到lysun26@163.com

前言

想换一个字体,上网查找方法后,发现最简单的方法还是插件。在安装插件并使用后,我查看了一下网页源码,然后将字体设置的那一部分css代码拷贝了下来,然后我就直接添加了几行css代码,实现了改变主题字体的功能。最后把插件删除了(功成身退了哈哈哈)。

插件

我用的是Use Any Font。启用这个插件后,按照步骤流程操作即可。

  1. 获取一个API Key,免费的即可。
  2. 点击Upload Font,上传要设置的字体文件,给这个字体起一个名字。
  3. 点击Assign Font,在Select Font里选择刚才上传的字体,然后选择将其应用于的Element,我直接全选了。然后点击Assign Font即可。

然后就OK了。

不使用插件

  1. 将字体文件上传到服务器上
  2. 在自定义->额外CSS中,添加如下代码:
@font-face {
    font-family: font_name;
    /*字体路径*/
    src: url(https://www.corrain.top/xxx); 
    font-weight: normal;  
}

h1, h2, h3, h4, h5, h6, .entry-title, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description, body, p, blockquote, li, a, strong, b, em, .menu-author-container li a, .menu-author-container li span, #menu-author li a, #menu-author li span, .menu-links-container li a, .menu-links-container li span, #menu-links li a, #menu-links li span, .menu-media-container li a, .menu-media-container li span, #menu-media li a, #menu-media li span, .menu-top-container li a, .menu-top-container li span, #menu-top li a, #menu-top li span{
    font-family:font_name!important;
}

当然,也可以选择性的对其中的一部分Element设置字体。

有问题可以留言哦~ 觉得有帮助也可以投喂一下博主,感谢~
文章链接:https://www.corrain.top/font-set/
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明文章地址及作者

评论

  1. blue
    1月前
    2024-2-21 14:58:55

    不错哎

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
( ゜- ゜)つロ
_(:з」∠)_
(⌒▽⌒)
( ̄▽ ̄)
(=・ω・=)
(*°▽°*)八(*°▽°*)♪
✿ヽ(°▽°)ノ✿
(¦3【▓▓】
눈_눈
(ಡωಡ)
_(≧∇≦」∠)_
━━━∑(゚□゚*川━
(`・ω・´)
( ̄3 ̄)
✧(≖ ◡ ≖✿)
(・∀・)
(〜 ̄△ ̄)〜
→_→
(°∀°)ノ
╮( ̄▽ ̄)╭
( ´_ゝ`)
←_←
(;¬_¬)
(゚Д゚≡゚д゚)!?
( ´・・)ノ(._.`)
Σ(゚д゚;)
Σ(  ̄□ ̄||)<
(´;ω;`)
(/TДT)/
(^・ω・^)
(。・ω・。)
(● ̄(エ) ̄●)
ε=ε=(ノ≧∇≦)ノ
(´・_・`)
(-_-#)
( ̄へ ̄)
( ̄ε(# ̄) Σ
(╯°口°)╯(┴—┴
ヽ(`Д´)ノ
("▔□▔)/
(º﹃º )
(๑>؂<๑)
。゚(゚´Д`)゚。
(∂ω∂)
(┯_┯)
(・ω< )★
( ๑ˊ•̥▵•)੭₎₎
¥ㄟ(´・ᴗ・`)ノ¥
Σ_(꒪ཀ꒪」∠)_
٩(๛ ˘ ³˘)۶❤
(๑‾᷅^‾᷅๑)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
小黄脸
热词系列一
tv_小电视
上一篇
下一篇