相关疑难解决方法(0)

从Font Awesome中提取SVG

我想从Font Awesome字形中获取SVG路径数据,以便我可以在HTML中直接使用它们作为SVG.我认为这就像从fontawesome-webfont.svg复制粘贴路径数据一样简单,但是当我在HTML中使用它时,符号都是颠倒的.谁知道为什么?

(见小提琴)

字体真棒SVG:

<glyph unicode="&#xf007;" 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" />
Run Code Online (Sandbox Code Playgroud)

...移植到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 …
Run Code Online (Sandbox Code Playgroud)

html5 svg font-awesome

82
推荐指数
7
解决办法
6万
查看次数

标签 统计

font-awesome ×1

html5 ×1

svg ×1