materialize icons 本地布署方法

materialize css 官网

参考网址应用在 materialize icons 亲测可行，方法如下：

Step 1)找到下面网址内容并粘贴到您网页的 style 中

https://fonts.googleapis.com/icon?family=Material+Icons

<style type="text/css">/* fallback */@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/s/materialicons/v98/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
</style>

Step 2) 下载 url 中的字体并保存在您的服务器上

https://fonts.gstatic.com/s/materialicons/v98/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2

Step 3) 修改 src:url 内容为您服务器可以访问到的字体文件位置即可

src: url(../../static/level/font/matirialize.woff2) format('woff2');
}

Step 4) 刷新网页，在浏览器调试窗口中查看网络选项，确认字体图标文件已经被加载。

Step 5) 使用测试：在网页 body 中写下面的代码，查看效果。

<i class="material-icons">add</i>

materialize icons 本地布署方法相关推荐

GIT 在服务器上布署本地布署
GIT 在Linux & windows安装部署 1) 安装git一．Linux部署 git [root@bjoss03 ~]# yum install git 2) ...
CakePHP 2.x CookBook 中文版第二章安装
安装 CakePHP 很容易安装.最小安装只要有一个 web 服务器和一份 Cake 的副本,就足够了!本手册主要聚焦于在 Apache 上安装 Cake(因为 Apache 最通用), 你也可以在 ...
时间约束的实体解析中记录对排序研究
时间约束的实体解析中记录对排序研究人工智能技术与咨询来源:<软件学报> ,作者孙琛琛等摘要:实体解析是数据集成和数据清洗的重要组成部分,也是大数据分析与挖掘的必要预处理步骤.传统的 ...
Kafka Streams简介: 让流处理变得更简单
Introducing Kafka Streams: Stream Processing Made Simple 这是Jay Kreps在三月写的一篇文章,用来介绍Kafka Streams.当时Ka ...
windows XP全公略
windows XP全公略 Windows XP 本文所涉各软件下载. Windows XP 13个原版文件, 可以将目前市场上几乎所有的 V3,或V4破解版恢复为 XP 原安装版 15M Windo ...
12星座超级独家!通过星座完美你自己!不断加新中……
12星座超级独家!通过星座完美你自己!不断加新中-- 2010年07月07日十二星座男友变心征兆 ★☆☆☆☆☆★★ 「他是否不再爱我?」这个问题令许多女子踌躇不安,但终日独自猜度,仍不会得知答案.不 ...
从抄书到开源之巅：章亦春的程序人生
春哥的编程之旅起于抄书,就算如今已是罕见的编程高手,春哥依然逢人大力推荐他的抄书学编程之法.春哥先后在中国雅虎.淘宝.Cloudflare 就职,但开源世界是他如一的眷念.如今,春哥已全身心投入 Op ...
从抄书到开源之巅：章亦春的程序人生（转载自微信公众号 -- 码农翻身）
2018-04-08 章亦春码农翻身国人主导的开源软件能建立世界级影响力的不多,章奕春的OpenResty是其中之一. 让人没有想到的是,他的程序人生是从抄书开始的...... 本文转载自公众号& ...
大数据助力创建数字化智慧城市解决方案
直至近期,城市的管理者才将默默奉献的智能技术视作提高工作效率的主要工具.现如今,技术正以更直接的形式踏进群众的日常生活.智能手机现已变成城市的钥匙,它将运输.交通.公共医疗卫生服务.安全警报和社区新闻 ...

materialize icons 本地布署方法

materialize icons 本地布署方法相关推荐

最新文章

热门文章