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. web

    WordPressのヘッダーロゴ画像の背景が透過されない問題

    ずっと懸案だったヘッダーロゴ画像の背景が透過されない問題が…

  2. Column

    情報弱者と自己責任

    twitterなかなかなじめないでいるけど、やたらRTされてるから…

  3. Blog運営

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

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

  4. WordPress

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

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

  5. WordPress

    吹き出し

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

  6. WordPress

    初めましてエラー500♪すてきな洗礼いただきました。

    サイトを開設してまずは「更新すること」を優先してましたが、健全なサ…

最近の記事

アーカイブ

  1. WordPress

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

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

    Windows10で画面をキャプチャする方法
  4. web

    WordPressのヘッダーロゴ画像の背景が透過されない問題
  5. web

    WordPress フッターにInstagramのギャラリーを表示させてみた
PAGE TOP