スナックelve 本店

バツイチ派遣40代女性の日記です

あばうとー  読者になる  follow us in feedly

No.2512 引用符つけるためにFontAwesome5を使わせてもらう

じつわよくわかてない

引用に引用符をつけたいと思いました。

↑こういうのです(モバイルだとさっぱり分からんですね。ダブルコーテーションです)


ぐぐればコピペできるソース出てくんだろ~ってことで
saruwakakun.com
コチラからよく読みもせずにコピペ。

ん? 引用符が出ない。

どうも私がコピペしたのは「FontAwesome用のコード」だったらしい。なんぞや、これ。
saruwakakun.com
ここ読んでもイマイチ分からずw

Get Started | Font Awesome
ここの

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css" integrity="sha384-v2Tw72dyUXeU3y4aM2Y0tBJQkGfplr39mxZqlTBDUZAb9BGoC40+rdFCG0m10lXk" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">

をコピペして設定の詳細設定の下のほうにある「headに要素を追加」に貼付け。

追記

これはうまく行かなかった
Get Started | Font Awesome

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>

はうまく表示されなかった。は表示されるけどCSSで設定した引用符が出ない。
うーむ、分からん
====追記終わり====

デザインのCSSにコピペしたソースのうち

    font-family: FontAwesome;

これを

    font-family: "Font Awesome 5 Free";

こうかえて、ダブルコーテーションで囲った。

これでこうすると

<i class="fas fa-wifi"></i>

こうなる。イマイチ使える記号と使えない記号が分からない。
twitterとかアップルのロゴマークもあるんだけど出てこない。

記事のタイトルには使えなかったw なんかアレコレすれば使えるんだろうけど面倒そう(;´Д`)