wordpress Understrap子主题-字体Awesome图标不显示

pdtvr36n  于 2023-03-17  发布在  WordPress
关注(0)|答案(3)|浏览(237)

我正在用Understrap创建一个WordPress站点,定制一个儿童主题。据我所知,该主题安装了字体真棒。我试图添加一些图标,如下所示:

<i class="fab fa-facebook"></i>

但我在浏览器中看到的只是一个看起来像是奇怪的倾斜汉堡包的东西。See Image当我检查时,看起来样式正在被拉入。See Image
不确定我错过了什么。是否需要采取一些特殊步骤来激活Font Awesome?据我所知,所有内容都被正确导入。我只是使用默认的子主题。

uhry853o

uhry853o1#

首先检查页面源代码,查看父主题样式是否已排队。必须使用以下代码加载父主题样式。将此代码放入子主题functions.php文件中:

add_action( 'wp_enqueue_scripts', 'prefix_load_parent_theme_style');
  function prefix_load_parent_theme_style() {
      wp_enqueue_style( 'parent-style', 
      get_template_directory_uri().'/style.css' );
  }
u91tlkcl

u91tlkcl2#

尝试重新声明字体:

.fa-apple:before{
  font-family: Font Awesome;
    }

有时它会被其他字体覆盖:before fonts

e5nqia27

e5nqia273#

使用字体真棒4.7

<i class="fa fa-facebook" aria-hidden="true"></i>

https://fontawesome.com/v4/icon/facebook

相关问题