ホームページにはアイコンと言われるマークや記号のようなものがよく使われます。矢印、SNSアイコン、簡易なイラストなど1から作るのは大変です。そのため、Google FontsやBootstrap Iconsのようにアイコンを提供してくれるサービスを利用するケースが多いようです。
特にBootstrap Iconsは種類も多く、導入も簡単とのこと。
まずはBootstrap Iconsと検索して、公式ホームページ(こちら)に入ります。アイコンがたくさん出てきます。インストール方法があるようですが、私はいつもCDN(コンテンツ デリバリー ネットワーク コンテンツの配信のために利用されるサービス)で使用しています。上の方にあるインストールをクリック。CDNのところにあ<link rel =〜〜から始まるコードをコピして、HTMLファイル内のheadタグ内に貼り付けます。これで、準備は完了です。簡単ですね。
あとは、使用したいアイコンを選択して、クリック。アイコンフォントの<i class=〜〜から始まるコードをコピーして、HTMLファイル内に貼り付けるだけです。こういうことができるようにあるとコーダーに近づいた気がします。

投稿者

Kの手習い

前職はOA機器の販売営業でしたが、退職して、50代で1からプログラマーを目指します。一般的にこの年齢からは厳しいと言われておりますが、この歳ならではの経験を活かして、頑張ります!

コメントを残す