公式ページ 具体的な導入の仕方は公式にも書いてますし、日本語で教えてほしかったらググったら先人の記事が出てきます。 この記事で書くこと versionが5系になってから導入方法(描画方法)が大きく分けて2種類選べるようになりました。 js+SVG Web Font+css WordPressで作成するときにFont Awesome 5を組み込むとなると、 どちらにせよファイルをDLする必要があるのですが、その話は置いときます。 んで、なんとなくでjs+SVGを選んでいたのですが訳あって最終的にはWeb Font+cssの方法を採用しました。 その経緯、つまりそれぞれ何ができて何ができないのかを備忘録としてまとめておきます。 共通 Font Awesome 4同様に<i>タグでどのアイコンを出力させるかをclassで指定します。 <i class="fab fa-twitter"></i>
![Font Awesome 5でjs+SVGとWeb Font+cssのどちらで描画するか問題 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8db950ebb504b78c07ba1904f62ce02145e3b4d4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Rm9udCUyMEF3ZXNvbWUlMjA1JUUzJTgxJUE3anMlMkJTVkclRTMlODElQThXZWIlMjBGb250JTJCY3NzJUUzJTgxJUFFJUUzJTgxJUE5JUUzJTgxJUExJUUzJTgyJTg5JUUzJTgxJUE3JUU2JThGJThGJUU3JTk0JUJCJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgxJThCJUU1JTk1JThGJUU5JUExJThDJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00YmIxY2NhNjkzMzc0N2EyMzA1NzZiZjZlM2NkY2RmNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYmVlX2QyYiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTcxZTc4NDMxZGYwY2Q5NGVkZmQzYTJlZWEwYTdhYjY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dbaf6838e7a98e333add72ab5fbd9d247)