2

查看 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 中的图标多？

4

0 回答 0