Question

如何在Divi wordPress主题中添加字体？该字体来自fonts.com，名为Vectora。我应该使用插件还是自定义代码？我想添加的网站是stewards.degrootdesign.com

Answer 1

通过简单地在子主题中添加此代码来覆盖子主题中的函数的最佳方法，您的字体将显示在Divi主题编辑器中。

/*
 * Fonts Function for fetching all fonts.
 *
 */
if ( ! function_exists( 'et_builder_get_google_fonts' ) ) :
    function et_builder_get_google_fonts() {
       $google_fonts = array(
            'customfontname' => array(
                'styles'        => '400',
                'character_set' => 'latin',
                'type'          => 'sans-serif',
            ),
        );

        return apply_filters( 'et_builder_google_fonts', $google_fonts );
    }
endif;

Answer 2

迟到的答案 - 但我敢打赌它对某人有帮助，因为我今天仍然无法找到答案：

要将自定义字体添加到Divi主题（我在V3上）字体选择器下拉列表，您需要按照以下步骤操作：

将您的webfont文件夹添加到Divi主题文件夹，例如：迪维/网络字体

然后在关闭头标记之前从header.php引用它，例如：

<link rel="stylesheet" href="<?php echo $template_directory_uri; ?>/webfonts/customfontname.css" type="text/css" charset="utf-8">

现在，在两个：themes / Divi / includes / builder / core.php 和 themes / Divi / epanel / custom_functions.php - 找到以下行：

$google_fonts = array(

并根据列出的其他字体添加您的字体 - 例如：

'customfontname'             => array(
            'styles'        => '400',
            'character_set' => 'latin',
            'type'          => 'sans-serif',
        ),

这对我来说很有魅力。该字体应该可以使用，也应该出现在Divi Editor中的字体选择下拉列表中，以及其他谷歌字体。

注意：我知道这应该通过子主题来完成，并且将被Divi主题更新覆盖，但我的php和wordpress-fu太糟糕了，无法解决如何管理这个问题。

Answer 3

（假设您拥有Divi的最新版本更新）：

转到外观 - ＆gt;自定义 - ＆gt;常规设置 - ＆gt;印刷术

您应该会看到以下屏幕截图中的内容。从那里你可以改变标题和正文字体

:)希望这有帮助

Screenshot for Typography

Answer 4

（假设您拥有Divi的最新版本更新）：

转到外观 - ＆gt;自定义 - ＆gt;常规设置 - ＆gt;印刷术

您应该会看到以下屏幕截图中的内容。从那里你可以改变标题和正文字体

:)希望这有帮助

Screenshot for Typography

如何在Divi Wordpress主题中添加字体？

4 个答案: