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

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

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

  2. web

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

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

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

  6. Blog運営

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

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

最近の記事

アーカイブ

  1. WordPress

    ~インデックスされているか、確認する方法~ アナリティクスの連携とSearchC…
  2. web

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

    情報弱者と自己責任
  4. web

    拡張機能Awesome Screenshotを使ってみる
  5. Blog運営

    Googleアドセンスに審査通過して
PAGE TOP