Fonts 创建材质图标子集_Fonts_Google Material Icons_Woff2

Fonts 创建材质图标子集

fonts

Fonts 创建材质图标子集,fonts,google-material-icons,woff2,Fonts,Google Material Icons,Woff2,我只使用了几个材质图标，认为加载整个库是浪费资源我试图编辑并删除所有我不使用的图标。我得到的最接近的结果是使用这个工具：但当我导出修改后的文件时，它的工作方式与原始文件不同。例如，此HTML不会呈现为图标：勾选圆圈我添加了所需的CSS规则。当我自己托管原始woff2文件时，一切都正常，但当我修改它时，一切都会中断。它仅在使用带有Unicode的伪元素作为contnet时有效。保存文件似乎会剥离名称到图标的映射（如果有意义的话，因为我不熟悉woff2文件的工作方式）有没有一种方法可以创

我只使用了几个材质图标，认为加载整个库是浪费资源

我试图编辑并删除所有我不使用的图标。我得到的最接近的结果是使用这个工具：

但当我导出修改后的文件时，它的工作方式与原始文件不同。例如，此HTML不会呈现为图标：

勾选圆圈

我添加了所需的CSS规则。当我自己托管原始woff2文件时，一切都正常，但当我修改它时，一切都会中断。它仅在使用带有Unicode的伪元素作为

contnet

时有效。保存文件似乎会剥离名称到图标的映射（如果有意义的话，因为我不熟悉woff2文件的工作方式）

有没有一种方法可以创建woff2文件的子集，其工作方式与原始文件类似？

下面是一个工作示例，它将

thumb\u up

和

thumb\u down

图示符和连字子集化

fonttools-cons-Regular.ttf\
--unicodes=5f-7a、30-39、e8db、e8dc\
--无布局关闭\
--输出文件=o.woff2\
--风味=woff2

这说明：

```
--unicodes=5f-7a
```
：包括
的字形、字母
```
a-z
```
和数字
```
0-9
```
。据我所知，字体无法将
```
thumb\u alt
```
识别为连字，除非单个字形
```
t
```
，
```
h
```
，
```
u
```
。。。已定义（即使我们永远不会要求字体呈现单个字母图示符）
```
…e8db，e8dc
```
：指定子集中实际需要的图示符
```
--无布局闭包
```
：只包括我们需要的字形的连字（
```
拇指朝上
```
和
```
拇指朝下
```
），而不包括任何可以从集合
```
\u a-z
```
构造的其他连字，如
```
添加
```
，
```
删除
```
，
```
面
```
等等。如果没有此选项，子集将增长到几乎整个集合

例如，您可以在上检查生成的文件，它将显示30个glyph和两个连字。在我的情况下，您可以使用中记录的文件：

@font-face{
字体系列：“材质图标”；
字体风格：普通；
字体大小：400；
src:url（'../../font/o.woff2'）格式（'woff2'）；
}
.材质图标{
字体系列：“材质图标”；
字体大小：正常；
字体风格：普通；
字体大小：24px；/*首选图标大小*/
显示：内联块；
线高：1；
文本转换：无；
字母间距：正常；
换字：正常；
空白：nowrap；
方向：ltr；
/*支持所有WebKit浏览器*/
-webkit字体平滑：抗锯齿；
/*支持Safari和Chrome*/
文本呈现：优化易读性；
/*对Firefox的支持*/
-moz osx字体平滑：灰度；
/*支持IE*/
字体功能设置：“liga”；
}

要找到所需字形的Unicode值，可以查看。

这里是一个工作示例，它将

拇指向上

和

拇指向下

字形和连字子集

fonttools-cons-Regular.ttf\
--unicodes=5f-7a、30-39、e8db、e8dc\
--无布局关闭\
--输出文件=o.woff2\
--风味=woff2

这说明：

```
--unicodes=5f-7a
```
：包括
的字形、字母
```
a-z
```
和数字
```
0-9
```
。据我所知，字体无法将
```
thumb\u alt
```
识别为连字，除非单个字形
```
t
```
，
```
h
```
，
```
u
```
。。。已定义（即使我们永远不会要求字体呈现单个字母图示符）
```
…e8db，e8dc
```
：指定子集中实际需要的图示符
```
--无布局闭包
```
：只包括我们需要的字形的连字（
```
拇指朝上
```
和
```
拇指朝下
```
），而不包括任何可以从集合
```
\u a-z
```
构造的其他连字，如
```
添加
```
，
```
删除
```
，
```
面
```
等等。如果没有此选项，子集将增长到几乎整个集合

例如，您可以在上检查生成的文件，它将显示30个glyph和两个连字。在我的情况下，您可以使用中记录的文件：

@font-face{
字体系列：“材质图标”；
字体风格：普通；
字体大小：400；
src:url（'../../font/o.woff2'）格式（'woff2'）；
}
.材质图标{
字体系列：“材质图标”；
字体大小：正常；
字体风格：普通；
字体大小：24px；/*首选图标大小*/
显示：内联块；
线高：1；
文本转换：无；
字母间距：正常；
换字：正常；
空白：nowrap；
方向：ltr；
/*支持所有WebKit浏览器*/
-webkit字体平滑：抗锯齿；
/*支持Safari和Chrome*/
文本呈现：优化易读性；
/*对Firefox的支持*/
-moz osx字体平滑：灰度；
/*支持IE*/
字体功能设置：“liga”；
}

要找到所需字形的Unicode值，您可以查看。

在一个令人沮丧的下午之后，只需添加我的2美分，该字体依赖于连字。如果您检查字体的TTF版本，例如使用，您会注意到许多连字定义。子集必须保留这些连字。到目前为止，我也无法做到这一点。在一个令人沮丧的下午之后，再加上我的两美分，这种字体依赖于连字。如果您检查字体的TTF版本，例如使用，您会注意到许多连字定义。子集必须保留这些连字。到目前为止，我也无法做到这一点。