使用 SVG 创建 Web 字体

Question

我对 svg 和 webfonts 还很陌生，我有一些 svg 徽标，我想将它们嵌入到我的网页中（并确保它们在各种设备类型上可见）

我已经尝试使用 icon-font-generator (https://github.com/Workshape/icon-font-generator) 来创建网络字体，但我不确定这是否是正确的方法或者我应该使用 img 标签，即<img class="svg" src="../svg/Tensorflow_logo.svg">

我不想给出固定的高度和宽度，并且所有徽标都应该显示为相同的大小。网络字体是正确的方法，我需要如何创建保持商标徽标原始颜色的网络字体。

谢谢，

Answer 1

您可以使用 icomoon.io .

1.选择 SVG

2.选择颜色部分以创建颜色图案

3.选择并创建颜色模式，然后单击添加主题按钮

4.选择编辑图标并点击页面中的SVG

5.在编辑页面中逐段选择svg并选择颜色

• 达到所需形状后，您可以关闭编辑页面

6.点击生成字体并下载