如何填写web字体图标

Question

我在我的一个项目中使用https://github.com/AKIRA-MIYAKE/iOS7-icon-font，我想知道是否可以使用CSS填充这些图标

e.g。

Answer 1

原来不可能用CSS做我想做的事情，但为了达到目的，我可以切换到SVG并按照自己的喜好进行操作（然后将其转换为woff），我用过的工具是：

• For identifying icons
• To manipulate SVG codes
• For converting SVG font to WOFF or other formats

如果是上面的示例图标，原始SVG代码：

<glyph glyph-name="uniF108" unicode="&#xf108;" 
d="M491 202q0 85 -69 144.5t-166 59.5t-166 -59.5t-69 -144.5q0 -49 24.5 -91t67.5 -71q-4 -34 -29 -68l-10 -15h18q60 0 106 47q29 -6 58 -6q97 0 166 59.5t69 144.5zM472 202q0 -76 -63 -130.5t-153 -54.5q-30 0 -59 7l-6 2l-4 -5l-10.5 -10.5t-27 -18t-39.5 -14.5
q22 39 22 67v5l-4 3q-41 26 -64.5 65t-23.5 84q0 76 63 130.5t153 54.5t153 -54.5t63 -130.5z" />

填充版本：

    <glyph glyph-name="uniF204" unicode="&#xf204;" 
d="M491 202q0 85 -69 144.5t-166 59.5t-166 -59.5t-69 -144.5q0 -49 24.5 -91t67.5 -71q-4 -34 -29 -68l-10 -15h18q60 0 106 47q29 -6 58 -6q97 0 166 59.5t69 144.5z" />

Answer 2

您可以使用css属性svg直接为color图标着色。

color: #000;

这是另一个link，您可以在其中获得一些免费svg图标。