Облегченные шрифты и значки Material Design

Как я могу использовать материальные шрифты и значки локально, потому что у меня не всегда есть доступ к Интернету, чтобы ссылаться на него через http. Кто-нибудь может мне помочь?


material-design-lite
person Community    schedule 08.07.2015    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Согласно их руководству вы можете скачать значки в виде 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>
person jdepypere    schedule 08.07.2015

arrow_upward
0
arrow_downward

Значки доступны для загрузки с https://www.google.com/design/icons/

person Vikas Dhochak    schedule 08.07.2015

arrow_upward
0
arrow_downward

Шрифт Material Design для западных языков — это все шрифты Roboto, которые являются шрифтами Google. Их тоже можно скачать из многих мест.

person innerpeace0    schedule 21.07.2015