ブログを簡単に装飾できるフォントアイコンというものがあります。 有名どころだとFont Awesome だと思いますが、はてなブログを使っているかたは、自動的にはてなブログ独自のフォントアイコンのデータがページに読み込まれています。 ブロガー側でとくに何か初期設定、前準備などをする必要もなく、フォントアイコンが使えるんですね。 それで間に合うようなら、Font Awesomeのデータを読み込まなくてもよくて、ページの軽量化につながるのでおすすめです。 以下にフォントアイコンの基本的な使いかたと一覧表を掲載します。 はてなブログのフォントアイコン一覧表 【HTML版】はてなブログのフォントアイコンの使いかた 基本コード 例:メールアイコン フォントアイコンを大きくする 読ませない対策:aria-hidden="true"って? 表示されない対策: って? 【CSS版】はてなブログ
![【118種一覧表】はてなブログのフリーフォントアイコンの使いかた/表示されない対策も - ROYAL NAUGHT](https://cdn-ak-scissors.b.st-hatena.com/image/square/15fbbc1ebe175955522477dfb78d03a459b87884/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fv%2Fvintraw%2F20180906%2F20180906150446.jpg)