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

    拡張機能Awesome Screenshotを使ってみる

    前回の続きですども、なつです。いつ…

  2. WordPress

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

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

  3. web

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

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

  4. WordPress

    吹き出し

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

  5. web

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

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

  6. WordPress

    アイコンフォントが表示されない?

    ここ2.3日で急に。。。なぜ?ホームアイコンとか、アローアイコ…

最近の記事

アーカイブ

  1. WordPress

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

    商品リンク管理の神プラグイン!!Rinkerさま
  3. life

    理想のキッチン考
  4. cats

    猫が好き
  5. Column

    情報弱者と自己責任
PAGE TOP