使用 SVG 创建 Web 字体

Create Web fonts using SVG

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

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

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

谢谢,

You can easily turn your SVG files into fonts using the icomoon.io .

1.select SVG

2.select 创建颜色模式的颜色部分

3.select 并创建颜色图案并单击添加主题按钮

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

5.in 逐节编辑页面 select svg 和 select 颜色

  • 一旦达到所需的形状,就可以关闭编辑页面

6.click 生成字体并下载