2012-04-20 15 views
11

मैं एक वेब अनुप्रयोग में उपयोग के लिए एक आइकन फ़ॉन्ट बनाना चाहता हूं। fontAwesome, आइकॉनिक, fontomas उदाहरण हैं जो मैं करना चाहता हूं लेकिन मुझे कस्टम आइकन का उपयोग करने की आवश्यकता है। मुझे यकीन नहीं है कि कहां से शुरू करना है। किसी भी मदद की सराहना की है।एक आइकन फ़ॉन्ट बनाने के लिए उपकरण

उत्तर

10

Inkscape वैक्टर के साथ ग्राफिक्स बनाने के लिए एक महान निःशुल्क एप्लिकेशन है (आधुनिक फोंट किस प्रकार से बने हैं)।

FontForge फोंट बनाने के लिए एक शानदार नि: शुल्क एप्लिकेशन है, और इनक्सकेप से SVG (एक महान फ्री वेक्टर ग्राफिक्स प्रारूप) आयात कर सकता है।

+0

Fontforge बहुत अच्छी तरह से काम किया। ब्रू का उपयोग करके इसे आसानी से स्थापित करने में सक्षम था। धन्यवाद। – Rob

+0

होमब्री धोखा दे रहा है, यह आपके स्थायी रिकॉर्ड पर जाएगा! : पी – reisio

1

रोब, आप start here कर सकते हैं।

यह सबसे अच्छा उदाहरण नहीं है और जिस टेम्पलेट की बात है वह थोड़ी देर पुरानी है। आपको अपने फ़ॉन्ट बेसलाइनों के आधार पर कैनवास के चारों ओर अपने आइकन ले जाकर प्रयोग करना होगा।

यह long post भी है जहां वह अपने वैक्टर को FontLab में आयात करता है। FontLab की कमी यह $ 64 9 की कीमत है और यह सीखना वक्र इंकस्केप से अधिक तेज है। मैंने अपने ओएस एक्स इंस्टॉल पर फोंटलैब को छोटी गाड़ी भी पाया।

एक तरफ ध्यान दें पर:

किसी ने इस कार्य को करने के लिए समर्पित सॉफ्टवेयर बनाने के लिए की जरूरत है ...

2

narkeeso क्या कहा के बावजूद, एक फ़ॉन्ट केवल एक आधार रेखा है। आपके सभी आइकनों को उस पंक्ति पर लगातार होना चाहिए। कुछ आइकन फोंट लंबवत आइकनों को केंद्र में रखने का प्रयास करते हैं लेकिन इससे हल होने की तुलना में अधिक समस्याएं होती हैं और आप vertical-align संपत्ति का उपयोग करके आस-पास के पात्रों के सापेक्ष आइकन की ऊर्ध्वाधर स्थिति को हमेशा समायोजित कर सकते हैं।

मैंने उस आलेख के लिए टेम्पलेट में आधार रेखा का परीक्षण किया और यह ब्राउज़र में बहुत सफल रहा। आप एक्स-ऊंचाई को एरियल जैसे सामान्य फ़ॉन्ट से मिलान करना चाहेंगे, हालांकि। यह फ़ॉन्ट गिलहरी कनवर्टर में किया जा सकता है।

17

आप यह पहले से ही नहीं देखा है, तो अपने वेब एप्लिकेशन मदद कर सकता है आप आइकन फोंट उत्पन्न: http://icomoon.io/app

आप अपनी खुद की SVGs आयात कर सकते हैं, या ब्राउज़ आइकन फ़ॉन्ट पुस्तकालय: http://icomoon.io/app/#library

+1

यह ऐप वास्तव में उपयोगी और अच्छी तरह से निष्पादित है। एसवीजी आयात करने और फ़ॉन्ट निर्यात करने में आसान, सीएसएस ऑटो-जेनरेट के साथ पूरा करें। – taudep

+0

यह ऐप कमाल है! – Bema

+0

मैं ऐप के माध्यम से 128x128 svg/png क्यों उत्पन्न नहीं कर सकता? –

1

ive का उपयोग किया गया टाइपफेस बनाने के लिए ग्लिफ (http://www.glyphsapp.com/) नामक एक ऐप, और हाल ही में वेब उपयोग के लिए आइकन फ़ॉन्ट पर जाना था। मैंने ग्लिफिकॉन आयात किए क्योंकि वे बूटस्ट्रैप के साथ आते हैं ताकि वे यह देख सकें कि मेट्रिक्स का क्या उपयोग किया गया था। तो 20px fontsize वेड पर सबसे अच्छा ग्रिड मैच। इत्यादि।

मेरे पास एक सीएसएस फ़ाइल निर्यात करने के लिए एक कस्टम स्क्रिप्ट है जो संलग्न यूनिकोड के साथ सभी कक्षाएं बनाती है। और एक अन्य अजगर स्क्रिप्ट (कुछ प्रतीक कैमरा, घंटी की तरह, यूनिकोड का हिस्सा वास्तव में होते हैं और इसी तरह की बातें)

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

लेकिन मैंने निश्चित रूप से कुछ कारकों को सुव्यवस्थित किया है।

fontlab उपयोगकर्ता मित्रता के रूप में नहीं है और मैं इसे मुख्य रूप से उस कारण से अनुशंसा नहीं कर सकता, बल्कि कीमत भी।ग्लिफ 40 € के लिए एक मिनी संस्करण प्रदान करता है जिसमें आइकन पीढ़ी के लिए आवश्यक कार्यक्षमता को कवर करना चाहिए।

0

आप फ़ॉन्ट माउस की जरूरत है, इस एप्लिकेशन को बहुत अच्छा है: http://fontastic.me/

संबंधित मुद्दे