Q&A
コピペで再現できる程度にコードを提示してください
FontAwesomeをCSSで表示させようとすると□×になり困っています。
・headerタグに
<script src="https://kit.fontawesome.com/fac725c84d.js" crossorigin="anonymous"></script>を記述しています。
メアド登録し直して最新のものを使っています。
・HTMLでは使えたので、Proではありません。
・.test::after{
padding: 0 5px;
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f59e";
このように記述しています。
もしわかる方おられましたら、教えてください＿|￣|○
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>タイトル</title> 7 <script src="https://kit.fontawesome.com/fac725c84d.js" crossorigin="anonymous"></script> 8 <link rel="stylesheet" href="./css/html5reset-1.6.1.css"> 9 <link rel="stylesheet" href="./css/style.css"> 10</head> 11<body> 12 <p class="test">テストです</p> 13</body> 14</html>
CSS
1@charset "utf-8"; 2 3.test::after{ 4 font-family: "Font Awesome 5 Free"; 5 font-weight: bold; 6 content: "\f59e"; 7}
あと□×では確実に伝わるか微妙なので画面キャプチャを
回答1件
0
ベストアンサー
企業などの公式アイコンは、フォントの指定を以下にする必要があります。
font-family: "Font Awesome 5 Brands";
投稿2021/08/23 03:47
編集2021/08/23 03:48
総合スコア312
あなたの回答
tips
プレビュー
