wordpress自定义额外CSS

wordpress支持在自定义额外CSS,这样我们就无需改动主题里的源文件即可轻松调整网页的外观。分享一个自用的代码。

定义字体、字号1

body {font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
 font-size:16px;}

标题

.entry-title, .widecolumn h2 {
    font-size: 28px;
    font-weight:600;
}

.entry-content h3 {
    font-size: 20px;
    }
.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
    font-size: 18px;
    
}

代码格式2

.wp-block-code {
    display: block;
    font-size: 14px;
    line-height: 22px;
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal;
    border-radius: 4px;
    padding: 8px;
    color: #abb2bf;
    background: #282c34;
}

2020.2.29所用font-family

Lato,pingfang sc,microsoft yahei,sans-serif;

目前网站使用的font-family

font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Arial, sans-serif;

参考文献

  1. 达芬奇密码 .中文网页字体的最佳选择[OL]https://sq.163yun.com/blog/article/176137697898717184
  2. https://www.csdn.net/
  3. koreyhan. 如何优雅的选择字体(font-family) https://segmentfault.com/a/1190000006110417
本文作者: Colin
本文链接: https://www.colinjiang.com/archives/wordpress-custom-css.html
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 4.0 许可协议。转载请注明出处!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇