SVG
单个svg文件,与svg font文件不一样,svg字体是特殊处理的图标集合,像文字一样组合好后,会有Unicode代码点,一般用工具处理获得
下载SVG图标https://www.iconfont.cn/
创建SVG fonts https://icomoon.io/
参考链接:
1.SVG fonts(SVG 字体)https://cloud.tencent.com/developer/section/1423873
真正的字形是用<glyph>
元素定义的。它最重要的属性是unicode
。它定义了表达这个字形的unicode代码点。如果你还在一个字形上指定了lang
属性,你可以更进一步专门限定它为特定的语言(由目标上的xml:lang
属性表达)。而且,你可以使用任意的SVG来定义这个字形,它允许用户代理所支持的很多效果。
2.SVG glyph属性参考 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/glyph
glyph属性一般用在svg字体(对个字体图标)属性中,单个svg图片使用path属性
3.woff 字体文件解析 字体结构说明 https://blog.csdn.net/dream_dt/article/details/82725398
{
##woff文件样式查看
http://fontstore.baidu.com/static/editor/index.html
在这个网址 上传woff文件 即可看到woff文件的展示效果
###woff代码查看
woff文件可以用python的fontTools 打开
}
4.SVG图标转web fonts(TTF/EOT/WOFF/WOFF2/SVG)https://blog.csdn.net/jaywcjlove/article/details/78540081
字体图标的svg导入及寻找 https://blog.csdn.net/yuwq123/article/details/51159662
svg转字体图标https://blog.csdn.net/wild_cowboy/article/details/82019517
4.这六款SVG字体值得设计师收藏,PS CC 2017+都用得上 https://www.jianshu.com/p/ab49a955c6ff