首页 问答 正文

如何在wordpress主题中添加自定义字体?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 146 次

在 WordPress 主题中添加自定义字体可以通过以下方法实现:

  1. 找到想要添加的自定义字体的字体文件(通常是 .ttf 或 .otf 格式的文件),并将其上传到主题文件中的 fonts 文件夹中。

  2. 在主题的 functions.php 文件中添加以下代码来注册新字体:

    add_action( 'wp_enqueue_scripts', 'add_my_fonts' );
    function add_my_fonts() {
        wp_enqueue_style( 'my-fonts', get_template_directory_uri() . '/fonts/my-fonts.css' );
    } 

其中,get_template_directory_uri() 返回主题目录的 URL,因此上例中的代码假设字体文件放在主题文件夹的 fonts 子文件夹中,并命名为 my-fonts.css。

  1. 编辑 my-fonts.css 文件,添加以下 CSS 代码指定字体样式:
    @font-face {
        font-family: 'MyFont';
        src: url('my-fonts.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

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

其中,font-family 属性指定了新字体的名称,src 属性指定了字体文件的 URL,font-weight 和 font-style 属性指定了字体的粗细和是否倾斜。接着,在需要应用新字体的元素中使用 font-family 属性即可应用新字体。

注意,添加自定义字体可能会影响网站的加载速度,应谨慎使用。

大家谈论
    我的见解