Question

查看Google素材图标HERE，有两种方法可以访问这些字体：

1）通过CDN 2）自托管

如果我选择自托管，我将其包含在我的CSS中：

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url('../fonts/material-design-icons/MaterialIcons-Regular.woff2') format('woff2'),
         url('../fonts/material-design-icons/MaterialIcons-Regular.woff') format('woff'),
         url('../fonts/material-design-icons/MaterialIcons-Regular.ttf') format('truetype');
}

然而，我在我的应用中添加了一个图标：

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

什么也没出现。但如果我不自我托管 - 即我将其包含在我的标题中：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

然后出现金钱图标。

与自托管文件相比，如果我链接到CDN，为什么似乎有更多图标？

查看代码点文件HERE，似乎所有代码点在我自我托管时都可用。为什么代码点文件中的图标数量多于repo中的图标？

为什么谷歌托管图标字体中的图标比下载图标时更多？

0 个答案: