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

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

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

  3. WordPress

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

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

  4. WordPress

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

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

  5. Photoshop

    Photoshop CC 多角形選択ツールが、いない?!

    勤務先ではPhotoshop Elementをサクサク使ってので、…

  6. web

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

    昨日の記事で、アイキャッチ画像にあげたキャプチャ画像がぼやけていて…

最近の記事

アーカイブ

  1. web

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

    理想は高く、My Office
  3. WordPress

    ブログに外部リンクをカード型で表示する方法
  4. WordPress

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

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