WordPress字体样式更改

1. 打开WordPress后台，别慌，字体这玩意儿其实就藏在那儿。点开“外观”里的“主题文件编辑器”，有时候叫“Additional CSS”或者直接扔functions.php里。我一般先找style.css，毕竟样式嘛，都得听它的。比如这段代码，能改全站正文字体：

body {
    font-family: "Microsoft YaHei", sans-serif;
    line-height: 1.6;
}

2. 要是想单独折腾标题？加个h1选择器就行。但WordPress喜欢用类名，比如.post-title之类，得用F12开发者工具查清楚。比如这样：

h1, h2, h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; /* 粗体值 */
}

3. 进阶玩法是用Google Fonts。先在functions.php里挂接字体，像这样：

function add_google_fonts() {
    wp_enqueue_style( 'custom-google-fonts', 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'add_google_fonts' );

4. 然后CSS里调用Roboto字体。注意优先级，有时候主题自带样式会覆盖你，那就祭出!important大法：

.post-content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px; /* 字号别忘调 */
}

5. 移动端适配别忘了！媒体查询搞起来：

@media (max-width: 768px) {
    body {
        font-size: 16px; /* 手机上看要大点 */
    }
}

6. 最后记得清除缓存，有些缓存插件会卡住新样式。实在不行？直接编辑主题的style.css文件，但先备份！不然崩了别怪我。字体更改本质就是CSS覆盖，WordPress吃这套。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。