web

外部リンクにアイコンのマークを入れる

カードリンクで外部リンクを表示するのもいいんだけど、
カードリンクほどでもないかな~ってときに外部リンクアイコンの表示
Font AwesomeのWEBフォント

↑をいれたくて

こちらのサイトさまを参考にさせていただいたんですがね、、、

まー、四苦八苦しましたわ・・・

まず、head内に下記を追加

<link
href=”https://use.fontawesome.com/releases/
v5.5.0/css/all.css”rel=”stylesheet”>

次に、手動でアイコンを入れる方法にしたので

<i class=”fas fa-external-link-alt”></i>

コピペしたものの、
表示されないっ・・・

で fontawesome.com のサイトで外部リンクのWEBフォント探したところ

コードをよーくみてみると
” “ が
微妙に違うんですよ、コピペ指示と・・・

で、結論。
ご紹介のサイトさまの画面コピーではなく、
公式サイトのコピーコードをそのまま張り付ける!

すこーしだけHTMLかじっといてよかった~

ってことでこちらがFont AwesomeのWEBフォント公式サイトです^^

関連記事

  1. Blog運営

    自分の「メディア」を持つということ

    このサイトを立ち上げ、こうして更新するにるに至るまで、実はサーバー…

  2. WordPress

    吹き出し

    ずっと気になっていたけど、どうもうまくプラグインを作動することができな…

  3. WordPress

    画像サイズを把握するには

    フッター画像がどうしても揃わず、どうにも不格好。アップロー…

  4. web

    サイドバーにツイッターのタイムラインを埋め込んでみた

    twitterせっかくはじめたからには、やっぱり連携しないとな~、…

  5. WordPress

    ワードプレスの削除した記事を検索から消すには

    さてさて、前回の記事で嬉し気に各種ツールの登録ができたので、…

  6. WordPress

    ~インデックスされているか、確認する方法~ アナリティクスの連携とSearchConsoleの設定・…

    まだ立ち上げたばっかりだし、アクセス数とかあまり考えずに、更新する…

最近の記事

アーカイブ

  1. WordPress

    ワードプレスの削除した記事を検索から消すには
  2. WordPress

    画像サイズを把握するには
  3. web

    Windows10で画面をキャプチャする方法
  4. Blog運営

    自分の「メディア」を持つということ
  5. web

    サイドバーにツイッターのタイムラインを埋め込んでみた
PAGE TOP