使用在线网站工具进行转换
网站地址:IcoMoon
步骤
- 点击“Import Icons”上传svg图片(svg最好是一个合并的图形,多个分开的图形会导致使用起来很麻烦)
- 选中上传的图形,点击右下角“Generate Font”生成字体。
- 生成后可以预览图标在网页上的使用效果。
- 修改位置、大小等效果:点击网页上的图标。
- 使用工具栏调整
- 点击右下角“Download”下载调整后的图标字体。
注:
实际应用只需要“fonts”文件夹和“style.css”文件(其余为实例文件)。
网站地址:IcoMoon
实际应用只需要“fonts”文件夹和“style.css”文件(其余为实例文件)。