如何在您的服务器上自行托管Google的Material Design图标字体，并在您的网站中使用它们？

Question

在this guide中，他们已指示以ttf，eot，woff，woff2等格式下载Material Design图标字体。它们位于服务器上的某个位置，并使用CSS：

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

问题在于Material Design Icons Collection page，当我选择一个图标时，会出现一个底部菜单，其中显示标有SVG，PNGS和<> ICON FONT的按钮，以及我点击最后一个，我得到指示，建议从网络加载图标字体（这需要访问互联网，我需要我的网页工作（在本地主机上），即使没有互联网连接）。截图如下。

问题是如何以eot，ttf，woff和woff2等格式下载素材设计图标字体，以便我可以以上述方式自我托管并在没有互联网连接的情况下使用它们。