Material Iconsをwebサイト経由せず、ローカルで使えるようにする

U3
2020/7/30
2024/11/7

サーバーのセキュリティ設定等によっては、外部Webサイトへアイコンを読み込みに行くとリンク切れになることがあります。

サーバーの状況がわからないクライアントへサイトを納品する場合には、アイコンは外部サイトへ読み込みに行かないほうがよいです。


https://heimdal.hatenablog.com/entry/how-to-use-material-Icons

を参考にしました。


1

Releases · google/material-design-icons · GitHub

から最新版をダウンロード


2

zipを解凍


3

iconfontのフォルダを、使いたいHTMLファイルのフォルダに格納

htmlファイルと同じ階層にiconfontが入っている前提での記述

<head>
・・・
    <link rel="stylesheet" href="./iconfont/material-icons.css">
</head>



コメント

コメントはまだありません。