外部サイトへのリンクにアイコンを付けてみた

投稿日

なんとなく思い立ったので、外部サイトへのリンクに「」を付けるようにしてみました。例えば、Googleみたいな感じです。ちょっとアイコンの線が太い気がしますがFreeの範囲だとこれしかなかったんですよ…。

以下に、書いたコードとかをまとめておきます。

main.styl
1
2
3
4
5
6
7
8
.post-body a[target="_blank"]::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";

  font-size: 0.9em;
  margin: 0 4px;
}

NexTではデフォルトでFont Awesome 5を読んでいるので上記コードを足すだけでアイコンを読んでくれます。NexTの表示をいじる場合はどこに書けば良いのかがよく分かってないのでmain.stylの一番下に書いてあります。本当はどこに書くのがベターなんでしょうね？

ちょっともやっとしますけど以上です。それでは。