文章/答案/技术大牛

发布

社区首页 >问答首页 >Material Design lite字体和图标

问Material Design lite字体和图标
EN

Stack Overflow用户

提问于 2015-07-08 13:14:09

回答 3查看 6.2K关注 0票数 1

我如何在本地使用材料字体和图标，因为我并不总是通过http访问互联网来引用它。有人能帮我吗？

material-design-lite

回答 3

Stack Overflow用户

发布于 2015-07-08 21:49:19

根据它们的guide，您可以将图标download为svg和png，以及download the icon fonts themselves，并像这样实现它们：

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(myLocalFontDir/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(myLocalFontDir/MaterialIcons-Regular.woff2) format('woff2'),
       url(myLocalFontDir/MaterialIcons-Regular.woff) format('woff'),
       url(myLocalFontDir/MaterialIcons-Regular.ttf) format('truetype');
}

您可以在没有internet连接的情况下使用它们：

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

票数 2

Stack Overflow用户

发布于 2015-07-08 13:28:55

这些图标可从https://www.google.com/design/icons/下载

票数 0

Stack Overflow用户

发布于 2015-07-21 21:13:03

西方语言的Material Design字体都是Roboto，也就是Google字体。这些也可以从很多地方下载。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31283977

复制

相似问题

问Material Design lite字体和图标
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material Design lite字体和图标EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material Design lite字体和图标
EN