फ़ॉन्ट बहुत बढ़िया

Question

निकालने एसवीजी मैं Font Awesome ग्लिफ़ से एसवीजी पथ डेटा प्राप्त करने के लिए इतना है कि मैं अपने HTML में सीधे ऊपर एसवीजी के रूप में उपयोग कर सकते हैं। मैंने सोचा कि यह fontawesome-webfont.svg से पथ डेटा की प्रतिलिपि बनाना जितना आसान होगा, लेकिन जब मैं इसे अपने एचटीएमएल में उपयोग करता हूं तो प्रतीकों को ऊपर-नीचे प्रस्तुत किया जाता है। किसी को पता है क्यों?

(Fiddle देखें)

फ़ॉन्ट बहुत बढ़िया एसवीजी:

<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" /> 

... एचटीएमएल एसवीजी में पोर्ट (और कम कर दिया):

<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> 

Answer 1

प्रति

सभी SVG specification ...

एसवीजी, जहां प्रारंभिक समन्वय प्रणाली में मानक ग्राफिक्स के विपरीत, ग्लिफ़ के लिए समन्वय प्रणाली y- अक्ष नीचे ओर इशारा करते हुए, एसवीजी फोंट के लिए डिजाइन ग्रिड, प्रारंभिक के साथ है y- अक्ष स्वीकार किए जाते हैं के साथ स्थिरता के लिए ऊपर की ओर इशारा करते हुए है कई लोकप्रिय फ़ॉन्ट प्रारूपों के लिए उद्योग अभ्यास।

प्रति this comment के रूप में, <svg height="179.2" width="179.2"><path transform="scale(0.1,-0.1) translate(0,-1536)" d="..." /></svg> के आवरण बदल रहा है जहां इकाइयों-पर-एम और फॉन्ट-फेस तत्व

Answer 2

IcoMoon app बनाता है पर चढ़ाई है चाल, करने के लिए लगता है यह मृत सरल है।

Answer 3

उपयोग fontforge स्क्रिप्ट। वहाँ एक स्क्रिप्ट मैं online here पाया है:

fontforge -lang=ff -c 'Open($1); SelectWorthOutputting(); foreach Export("svg"); endloop;' font.ttf 

देखें: http://fontforge.sourceforge.net/scripting.html

Answer 4

बस this github repo
से तैयार svg माउस मिल वे पहले से ही फ़्लिप और केंद्रित कर रहे हैं के रूप में की जरूरत

किसी भी फाइल को दबाएं और फिर "रॉ"

Answer 5

आप उन्हें flaticon.com यहां से डाउनलोड कर सकते हैं:

http://www.flaticon.com/packs/font-awesome

Answer 6

भी एक Node.js उपकरण है जो आप के लिए यह स्वचालित करेगा, & verify.html के बाद & से पहले एक बनाने नहीं है। https://github.com/eugene1g/font-blast

मैंने इसे अन्य फ़ॉन्ट्स पर उपयोग किया है, अभी तक केवल 1 खराब आइकन रूपांतरण है, लेकिन फ़ॉन्ट एसवीजी में आराम ठीक है।