2016-02-02 140 views
-1

如何将字体添加到Divi wordPress主题?字体来自fonts.com并称为Vectora。我应该使用插件还是自定义代码?我想添加的网站是stewards.degrootdesign.com如何添加字体到Divi Wordpress主题?

+2

在谷歌快速搜索返回[本教程页面(http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/)作为第一结果。在发布之前你有没有做过任何调查? – MTCoster

+0

@MTCoster本教程有助于将字体添加到Wordpress,但不添加到Divi。Divi提供附加功能。例如,它在模块设置中提供了一种字体选择。如何在选择字段中添加新的字体?本教程没有提到任何关于它的内容。 –

回答

0

Divi是一个商业WordPress主题,不是每个人都可以访问,所以我们不知道主题的设计细节;所以这是一个错误的地方要问,你应该问Divi主题支持寻求帮助。您购买了主题,支持包含在成本中。

他们的建议可能包括制作一个儿童主题;见Child Themes « WordPress Codex.和/或可能的一个插件,使CSS(和字体)的变化很容易,比如https://wordpress.org/plugins/simple-custom-css/

+0

商业这一事实并不意味着它不值得一个更好的答案。是的,通过CSS添加是一个选项,但他询问将其添加到字体选择的下拉列表中。我正在寻找相同的。 – smorhaim

0

(假设你有航空维修部的最新版本更新):

转到外观 - >自定义 - >一般设置 - >版式

您应该看看下面的屏幕截图。从那里,你可以更改标题和正文字体

:)希望这有助于

Screenshot for Typography

1

迟到的回答 - 但我敢打赌,这是有帮助的人,我还是没能找到答案这种随时随地今天:

要自定义字体添加到迪维主题(我是V3)字体选择下拉菜单中,你需要遵循以下步骤:

添加您的web字体文件夹到迪维主题文件夹例如: 迪维/网络字体

然后结束标记如之前从header.php中引用它:现在

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

,在这两种:主题/迪维/包括/建设者/ core.php中主题/迪维/ epanel/custom_functions.php - 找到以下行:

$google_fonts = array(

,并在其后添加您的字体,按照列出的其他字体 - 如:

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

这对我来说很有魅力。字体应该可以使用,并且也应该出现在Divi编辑器的字体选择下拉列表中与其他谷歌字体一起使用。

注:我知道这应该通过一个儿童主题来完成,将被Divi主题更新覆盖,但是我的php和wordpress-fu太穷,无法解决如何管理这个问题。

4

通过在子主题中简单添加此代码来覆盖子主题中的功能的最佳方法,您的字体将出现在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; 
相关问题