如何为WordPress主题添加自定义字体?

玖比肆 WordPress 69

为WordPress主题添加自定义字体,可以通过引入Google字体或将字体文件上传至主题目录的方法实现。然后在样式表中对字体进行引用和应用。

回复

共1条回复 我来回复
  • 玖比肆的头像
    玖比肆 评论

    具体步骤如下:

    1. 引入Google字体:在Google Fonts官网选择合适的字体,点击右上角的“select this font”按钮,然后选择适合的字体风格和字符集,最后复制生成的代码。打开主题目录中的“functions.php”文件,添加以下代码段:

    ```
    function add_google_fonts() {
    wp_enqueue_style('google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300', false);
    }
    add_action('wp_enqueue_scripts', 'add_google_fonts');
    ```

    其中,第二行代码中的“https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300”是从Google Fonts中复制的代码,Open+Sans是字体名称,数字是字体样式。

    2. 上传自定义字体文件:将自定义字体文件(.ttf、.otf等)上传到主题目录中的“fonts”文件夹。然后在样式表(style.css)中添加如下代码段:

    ```
    @font-face {
    font-family: 'Custom font';
    src: url('fonts/custom-font.ttf') format('truetype');
    }
    ```

    其中,第二行代码中,“Custom font”是自定义字体名称,也可以自己定义;“url('fonts/custom-font.ttf')”是字体文件地址,根据实际路径进行修改。

    3. 应用字体样式:为需要应用自定义字体的元素添加如下代码段:

    ```
    font-family: 'Custom font', sans-serif;
    ```

    其中,“Custom font”是自定义字体名称,如果需要应用系统默认字体时,可以使用“sans-serif”或“serif”等。

    以上就是为WordPress主题添加自定义字体的方法。

    2023年 4月 25日 下午5:27 0条评论
微信客服
分享本页
返回顶部
玖比肆(9Bi4)专注于帮助企业实现数字化转型,提供全方位的网站建设、网络运营、网络推广、网络营销和SEO优化等一系列数字化营销服务。