TL:DR;
快速的答案是，您不能向自定义图标库html标记添加文本。下面是它的格式。
根据材质图标中的文档，您需要以下内容：
<a rel="nofollow" class="comment-reply-link">
<span class="material-icons">reply</span> Reply
</a>
文件：
http://google.github.io/material-design-icons/#using-the-icons-in-htmlLong answer
您可以使用自定义图标库，如
Material Icons 或
Font Awesome.
让我们假设您想使用字体真棒。
转到https://fontawesome.com/start 开始创建自托管图标工具包。在创建工具包之前，您可能需要创建一个免费帐户。
只需输入项目的名称，然后单击“创建（&A）；使用此套件。
创建工具包后，将有一个工具包链接，如下所示：
<script src="https://kit.fontawesome.com/XXXXXXXXX.js" crossorigin="anonymous"></script>
复制此代码并越过
header.php WordPress项目中的文件。
一旦你进去了，就进去<head> 节并将代码粘贴到其中。
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( \'charset\' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="profile" href="https://gmpg.org/xfn/11" />
<?php wp_head(); ?>
<script src="https://kit.fontawesome.com/XXXXXXXXX.js" crossorigin="anonymous"></script>
</head>
<body>
...
注：建议使用
wp_enqueue_script() 作用您可以在WordPress Codex上找到文档：
https://developer.wordpress.org/reference/functions/wp_enqueue_script/您可以保存文件，然后进入模板文件，在其中编辑HTML。
您可以浏览字体很棒的免费图标，并找到符合您需要的图标：https://fontawesome.com/icons?d=gallery&m=free
一旦有了图标，只需将html标记复制粘贴到WordPress模板文件中即可。
<a rel="nofollow" class="comment-reply-link">
<i class="fas fa-reply fa-flip-horizontal"></i> Reply
</a>
重新加载页面时，您将能够看到图标。
