1

問題の要約

Bootstrap Icons のページからアイコンの情報を見ると,次のような画面が表示されます.

Code point とは何のことでしょうか?

Unicode や CSS や JS, HTML などと書かれていますが,これをそのまま書いても当然ながら反映されるわけではありません.

どのような使い方を想定したものなのでしょうか?

1 件の回答 1

1

CSS だけ,使い方がわかりました.

まず CDN を読み込んで Bootstrap Icons が使用できるようにしておきます.

CSS の中で fontfamilyBootstrap-icons を指定したうえで,content に CSS の Code point を指定します.つまり,head 要素の中に次のようなHTMLを書きます.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<style>
    h3::before {
        font-family:'Bootstrap-icons';
        content:'\F120';
    }
</style>

そうすると,指定した通り h3 要素にアイコンが表示されていることがわかります.

CSS以外の Code point については,まだ調査中です.

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。