擬似要素を使って、「Free Wifi」の前にWi-Fiアイコンを表示させようとしているのですが、上手くいきません。
下のコードの通りに記述しても、アイコンが表示される部分には□が表示されてしまいます。
どこがおかしいのか教えてください。
css
1.free::before{ 2 font-family: 'Font Awesome 5 Free'; 3 content: "\f1eb"; /*「\」は右下向きのスラッシュです*/ 4} 5 6<style>タグの下にこれを書きました。 7<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
html
1<p class="free">Free Wi-Fi</p>
【追記】
クラス名freeのpタグにfont-weight: boldを指定したら、アイコンが表示されました。ただ、なぜこのプロパティを指定したら表示されたのかがよく分かりません。
ご教授ください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/02 07:49