Twitter Bootstrap 3 では、次のグリフィコン スパンが与えられます。
<span class="glyphicon glyphicon-home"> Home</span>
「ホーム」という単語は、親タグのフォントではなく、標準のサンセリフ体でレンダリングされます。
スパン内のテキストに任意のフォント ファミリを割り当て、アイコンを正しくレンダリングするにはどうすればよいですか?
もちろん、テキストをスパンの外に移動することはできますが、それは
受け入れられないでしょうか? いずれにせよ、セマンティックの観点からは、アイコンによって記述されたテキストをスパン内に保持することは合理的であるように思われます。
次に例を示します。
これが、Chrome が次のようにレンダリングする方法です。
<h1>
<span class="glyphicon glyphicon-check"></span> Scoring
<span class="glyphicon glyphicon-home"> Home</span>
</h1>
最初のスパンは私が望む方法ですが、意味的に間違っています (IMOHO)。