我构建了一个Chrome扩展名,以在网页上突出显示电话号码。除了突出显示数字外,我想在每个数字的末尾附加一个图标。在这里,我有两个选择:
- 使用字体很棒的图标。
- 使用
.ico
文件。
字体很棒的图标存在问题。当我尝试使用字体很棒的Unicodes时,它们是作为空白正方形的渲染,并且使用FA-Phone课程,没有什么都没有呈现,可能是因为特定的网站可能不支持字体很棒的图标。我不知道如何解决这个问题。
如果字体很棒不是一个好主意,那么我想知道,如何在<span>
中附加.ico
文件。
我对进行扩展不了解,但是网页基本上是由HTML和CSS构建的。
fontawesome首先应与页面链接,然后添加HTML代码以显示图标。
图标可能没有显示,因为您具有HTML代码,但没有将CSS链接到页面。因此,您需要以某种方式将CSS文件与页面联系起来。
您可以像这样将链接添加到CSS文件(需要托管CSS文件):
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
或将文件连接到扩展名中,因此不必从站点获取(推荐方法)。