大佬教程收集整理的这篇文章主要介绍了html5 – 从Font Awesome提取SVG，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
(见Fiddle)
字体Awesome SVG：
<glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5z" />
…移植到HTML SVG(并缩小)：
<svg width="1000" height="1000" ><path transform="scale(0.1,0.1)" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81 t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5zM1088 1024q0 -159 -112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5z"/></svg>
与SVG中的标准图形不同，其中初始坐标系统具有指向下的y轴，用于SVG字体的设计网格以及字形的初始坐标系统具有向上指向的y轴，以与所接受的行业实践一致许多流行的字体格式。
根据this comment，将包装器更改为< svg height =“179.2”width =“179.2”>< path transform =“scale(0.1，-0.1)translate(0，-1536)”d =“... “/>< / svg>似乎做的伎俩，其中1792是每个em的单位，1536是上升到font-face元素
以上是大佬教程为你收集整理的html5 – 从Font Awesome提取SVG全部内容，希望文章能够帮你解决html5 – 从Font Awesome提取SVG所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。