google material icons マテリアルアイコンが表示されない

マテリアルアイコン使い方

  1. 以下のコードをhead内に記入
    <link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>
  2. google fontsのサイトから、欲しいアイコンを検索する
  3. <span class="material-icons-outlined">
    castle
    </span>

    上のようにhtml内にspanタグを書いて読み込む
    もしくは、
    擬似要素を使って、cssに記入することで表示する方法もあります。
    https://websae.net/google-material-icons/

今回、なぜアイコンが表示されなかったか。

spanタグコピーして、貼り付ければ表示されるような感じになっているけど、

spanのクラス名の material-icons-outlined じゃ表示されない!

material-icons に直さないといけない。

前にも聞いたことある気がするけど忘れていた。

ブラウザによっては、outlinedつけても表示されるのか?

chromeとbraveしか入っていないので、確かめていない。

【楽天1位】ノートパソコンスタンド パソコンスタンド 折りたたみ式 ノート PCスタンド 改良版 アルミ合金製 ホルダー 高さ 角度調整可能 滑り止め 軽量 姿勢改善 Macbook/Macbook Air/Macbook Pro/iPad//タブレットなど9~17インチまでに対応