Question

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

Answer 1

根据他们的guide download {{}}}和svg，以及download the icon fonts themselves，并按照Crosswalk执行这些图标：

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

Answer 2

图标可从https://www.google.com/design/icons/

下载

Answer 3

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

Material Design lite字体和图标

3 个答案: