从Font Awesome中提取SVG
从Font Awesome中提取SVG
提问于 2013-08-08 04:45:09
我想从Font Awesome字形中获取SVG路径数据，这样我就可以在我的HTML中直接使用它们。我认为这和从fontawesome-webfont.svg复制粘贴路径数据一样简单，但是当我在我的HTML语言中使用它时，所有的符号都是颠倒呈现的。有人知道为什么吗？
(参见)
字体强大的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 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>回答 8
Stack Overflow用户
回答已采纳
发布于 2013-08-08 04:47:53
都是基于SVG specification的。
与SVG中的标准图形不同，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元素的升级值
Stack Overflow用户
发布于 2015-04-17 21:26:54
Stack Overflow用户
发布于 2014-10-20 23:27:31
IcoMoon app让这一切变得非常简单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18113478
复制相关文章
相似问题
腾讯云开发者
