Question

我有一个WordPress网站并使用＆＃34; AMP for WordPress＆＃34;插件。

在我网站上的文章中，我使用了Fontawesome中的图标。如果我使用桌面打开网站，fontawesome工作正常，但当我尝试使用我的手机并在AMP中显示时，fontawesome图标不会显示。

有人可以帮助我吗？

提前致谢。

Answer 1

我相信如果与font-awesome字体的集成正确完成，你安装的插件不应与此冲突。

AMP插件包含一些钩子（来源：https://ampforwp.com/tutorials/article/hooks-in-ampforwp/），特别是我正在挂钩的那个（amp_post_template_data）。如果你在你的主题的functions.php文件中添加这样的东西，插件应该知道如何相应地使用这些字体：

add_filter( 'amp_post_template_data', function( $data ) {
    $data['font_urls'] = array(
        'fontawesome' => 'https://maxcdn.bootstrapcdn.com...';
    );
    return $data;
} );

请确保使用font-awesome URL替换实际的URL，或者如果您在主题上安装了本地化文件，请将其替换为本地化文件。祝好运！希望这会有所帮助。

Answer 2

您可以轻松添加自定义字体，试试这个-

add_filter( 'amp_post_template_data', 'wp_amp_add_font_awesome_icons' );
function wp_amp_add_font_awesome_icons( $data ) 
{
    $data['font_urls']['fontawesome'] = get_stylesheet_directory_uri() . '/font-awesome/css/font-awesome.min.css';
    return $data;
}

如何在AMP WordPress模板中使用字体真棒

2 个答案: