クロム拡張機能を使用してウェブページにアイコンを表示するにはどうすればよいですか？

Question

ウェブページの電話番号を強調するChrome拡張機能を作成しました。数字を強調するだけでなく、各数字の最後にアイコンを追加したいと思います。ここには2つのオプションがあります：

1. フォントのすごいアイコンを使用しています。
2. .icoファイルを使用しています。

フォントの素晴らしいアイコンに問題があります。私がフォントの素晴らしいユニコードをしようとすると、空白の四角形とfa-phoneクラスでレンダリングされていますが、何もレンダリングされていない、特定のサイトがフォントの素晴らしいアイコンをサポートしていない可能性があります。私はこの問題の解決方法を知らない。

フォントが素晴らしいと思わない場合は、.icoファイルに<span>を追加するにはどうすればよいですか。

Answer 1

拡張機能の作成についてはよく分かりませんが、Webページは基本的にHTMLとCSSで構築されています。

FontAwesomeはまずページにリンクしてから、アイコンを表示するHTMLコードを追加する必要があります。

HTMLコードがあるがCSSをページにリンクしていないため、アイコンが表示されていない可能性があります。だから何とかして、CSSファイルをページにリンクする必要があります。

あなたがそうのようなCSSファイルへのリンクを追加することができますが（CSSファイルをホスティング必要）：

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

またはそれがサイトからフェッチする必要はありませんので、拡張子でファイルを添付します（推奨される方法）。