首页 问答 正文

如何在WordPress中添加自定义字体?

注册会员 / 悠然自学 / 2023-07-11/ 浏览 172 次

要在WordPress中添加自定义字体,可以按照以下步骤:

  1. 将字体文件上传到你的WordPress主题文件夹中的某个目录,比如 wp-content/themes/your-theme/fonts/。确保你有以下字体文件的格式:.ttf,.otf,.woff,.woff2,.eot。

  2. 在你的主题文件夹中创建一个新的CSS文件,比如 wp-content/themes/your-theme/fonts.css。在这个文件中,使用 @font-face 规则将字体文件链接到你的WordPress网站上。

示例代码:

@font-face {
    font-family: 'CustomFont';
    src: url('fonts/YourFontName.ttf') format('truetype'),
         url('fonts/YourFontName.woff') format('woff'),
         url('fonts/YourFontName.woff2') format('woff2'),
         url('fonts/YourFontName.eot') format('embedded-opentype');
    /* 可选 */
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'CustomFont', sans-serif;
} 

在上面的代码中,需要将 YourFontName 替换为你的字体文件的名称。你还可以根据需要添加其他字体格式,比如 .otf。

  1. 打开你的主题文件夹中的 functions.php 文件,并在文件的末尾添加以下代码,以将 fonts.css 文件添加到WordPress中。
function add_custom_fonts() {
    wp_enqueue_style('custom_fonts', get_template_directory_uri() . '/fonts.css');
}

add_action('wp_enqueue_scripts', 'add_custom_fonts'); 
  1. 保存所有文件并重新加载你的WordPress网站。现在,你的自定义字体应该已经生效了。你可以根据需要将 body 或其他元素的字体样式设置为应用自定义字体。

请注意,这只是添加自定义字体的一种方法,具体的步骤可能因你使用的主题和设置而有所不同。最好在进行任何更改之前备份你的主题文件。

大家谈论
    我的见解