如何使用chrome扩展在网页中绘制图标？

我构建了一个Chrome扩展，以突出显示网页上的电话号码。除了突出显示数字之外，我还希望在每个数字的末尾添加一个图标。这里我有两个选择：如何使用chrome扩展在网页中绘制图标？

字体真棒图标存在问题。当我尝试字体真棒unicodes他们渲染为空白方块和fa电话类，没有任何渲染，可能是因为特定的网站可能不支持字体真棒图标。我不知道如何解决这个问题。

如果字体真棒不是一个好主意，那么我想知道，我如何在<span>附加.ico文件。

你是否记得附加CSS文件（样式表），这可能是为什么你得到错误。 – WebGuy

字体真棒？ –

是的，您需要下载CSS文件并以某种方式附加到页面上。 – WebGuy

我对扩展程序知之甚少，但网页基本上是由HTML和CSS构建的。

FontAwesome应首先与页面链接，然后添加HTML代码以显示图标。

图标可能未显示，因为您有HTML代码但未将CSS链接到页面。所以不知何故，你需要链接CSS文件和页面。

您可以将链接添加到CSS文件，像这样（需要托管的CSS文件）：

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

或附加的扩展名的文件，所以它并没有从网站获取（推荐方法）。

2017-09-08 10:35:55 WebGuy

我不知道这将如何在Chrome扩展中完成，但它应该是可能的，因为有其他扩展能够做到这一点。 – WebGuy

我不认为这是好的，修改其他网站的元标记。 –

为什么不将css文件存储在扩展中，只需在页面上添加HTML代码片段（图标代码）即可。这是不可能和充足的？ – WebGuy

回答