1

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

4

3 回答 3

2

根据他们的指南，您可以下载图标svg和png，以及下载图标字体本身并像这样实现它们：

@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');
}

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

<i class="material-icons">face</i>
于 2015-07-08T13:49:18.560 回答
0

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

于 2015-07-08T05:28:54.693 回答
0

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

于 2015-07-21T13:13:03.060 回答