Twitter बूटस्ट्रैप में फ़ॉन्ट विस्मयकारी बनाम ग्लिफ़िकॉन


81

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

दोनों में क्या मतभेद हैं? मेरा मतलब है कि एक दूसरे के लिए एक विकल्प है? या आपको उन्हें विभिन्न स्थानों पर उपयोग करना चाहिए?

जवाबों:


66

बूटस्ट्रैप 2.xx में ग्लिफ़िकॉन छवि प्रारूप में थे , इसलिए आप आसानी से आकार, रंग, पृष्ठभूमि-रंग, आदि को बढ़ा नहीं सकते। हालांकि, फ़ॉन्ट-भयानक आपको स्केलेबल वेक्टर आइकन देता है जो तुरंत अनुकूलित किया जा सकता है - आकार, रंग, ड्रॉप-छाया और सीएसएस की शक्ति के साथ कुछ भी किया जा सकता है।

फॉन्ट-भयानक वास्तव में ग्लिफ़िकॉन्स के लिए एक विकल्प है जो नए आइकन के साथ समय-समय पर अपडेट हो रहा है। फैट और मोदो ग्लिफ़िकॉन्स के प्रतिस्थापन के रूप में बूटस्ट्रैप संस्करण 3 में फ़ॉन्ट-कमाल को एकीकृत करने की योजना बना रहे हैं।

मेरा सुझाव है कि आप फ़ॉन्ट-भयानक के साथ बूटस्ट्रैप का उपयोग करें। पहले बूटस्ट्रैप सीएसएस और फिर फ़ॉन्ट-भयानक सीएसएस शामिल करें, ताकि ग्लिफ़िकॉन फ़ॉन्ट-भयानक द्वारा ओवरराइड हो जाएगा।

अपडेट करें

में बूटस्ट्रैप संस्करण 3.xx glyphicons फ़ॉन्ट प्रारूप है, जो अच्छी तरह से भी 12px font-size में प्रस्तुत करना होगा बन जाते हैं। यदि आप फॉंटव्यू के नवीनतम संस्करण का उपयोग कर रहे हैं, तो 4.01, आप दोनों ग्लिफ़िकॉन को फॉन्टव्यू के साथ उपयोग कर सकते हैं।


19
+1, लेकिन फॉन्ट विस्मय के साथ एकीकरण बूटस्ट्रैप 3 में लागू नहीं किया गया था। एफए आधिकारिक तौर पर ट्विटर के साथ संबद्ध नहीं है, बूटस्ट्रैप 2 को बॉक्स से बाहर का समर्थन करने के अलावा। यहां विभिन्न फ़ॉन्ट आइकन पैक की तुलना की गई है जो बूटस्ट्रैप का समर्थन करते हैं।
jhhorn424

2
अपडेट: बूटस्ट्रैप 4 अब ग्लिफ़िकॉन को शिप नहीं करता है।
मुशीप्स

FontAwesome राज्यों, यह 100% नि: शुल्क है, यहां तक ​​कि वाणिज्यिक उपयोग के लिए भी। ग्लिफ़िकोंस की कुछ सीमाएँ होती हैं: "ग्लिफ़िकॉन हेलफिंग्स आमतौर पर मुफ्त में उपलब्ध नहीं होते हैं"। मुझे "Google सामग्री फ़ॉन्ट" के बारे में नहीं पता, लेकिन कुछ उत्पादों (js चार्ट मॉड्यूल) के लिए आप इसे स्वयं होस्ट नहीं कर सकते, और केवल इसे अपने CDN से लिंक कर सकते हैं।
आंद्रेई

वेक्टर आइकनों का उपयोग करने का क्या लाभ है जो फ़ॉन्ट भयानक के साथ आता है। ग्लिफ़िकॉन्स के लिए किस प्रकार की छवियों का उपयोग किया जाता है?
मोनोजित सरकार

@Ravimallya आपने कहा कि ग्लिफ़ आइकन का आकार और रंग नहीं बदला जा सकता है। मुझे नहीं पता कि आपने यह किस संदर्भ में कहा है। मैंने पाया आकार और रंग बदल सकते हैं। यहाँ एक उदाहरण है -----> ग्लिफ़ आइकन का रंग बदलना -> कुछ नमूने <span class = "glyphicon glyphicon-user" style = "color: blue"> </ span> आकार भी बढ़ाया जा सकता है। यहाँ पर stackoverflow.com/a/24960243/6188148
Monojit Sarkar

28

फ़ॉन्ट विस्मयकारी: - 150 से अधिक आइकन - डिफ़ॉल्ट बूटस्ट्रैप फ़ॉन्ट (14px) पर पिक्सेल एकदम सही - प्रतीक में समान आकार नहीं है और प्रत्येक के लिए कस्टम सीएसएस को संरेखित करने की आवश्यकता होती है - बुलेटेड सूची, रोटेशन (सीएसएस 3 के साथ जोड़ा जा सकता है), स्टैक्ड आइकन , और स्पिनर एनीमेशन (मैन्युअल रूप से जोड़ा जा सकता है) ग्लिफ़िकॉन्स: - कम प्रतीक - पिक्सेल बड़े फ़ॉन्ट आकार (16px) पर समान - समान आकार के चिह्न

देखें: http://tagliala.github.io/vectoriconsroundup/

बूटस्ट्रैप के लिए बनाए गए लोकप्रिय आइकन फोंट के बीच एक साइड-बाय-साइड तुलना।


12

फ़ॉन्ट कमाल वेक्टर आइकन का एक संग्रह है जो एक विशिष्ट फ़ॉन्ट और "जादू" बनाने के लिए कुछ सीएसएस का उपयोग करके प्राप्त किया जाता है, ग्लिफ़िकॉन स्प्राइट-सीएसएस तकनीक का उपयोग करता है।
आप उन दोनों का उपयोग कर सकते हैं, बस बूटस्ट्रैप के एक के बाद सीएसएस फ़ाइल जोड़ें।

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>

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


13
बूटस्ट्रैप के साथ आने वाले ग्लिफ़िकॉन अब फ़ॉन्ट विधि का भी उपयोग करते हैं! getbootstrap.com/compenders/#glyphicons
Neo

कैसे ? क्या आपका लिंक ग्लिफ़िकॉन का उपयोग करने के लिए एक शानदार तरीके से जानकारी देता है।
१०:१०

4
ट्विटर बूटस्ट्रैप के लिए नए ग्लिफ़िकॉन पहले से ही वेक्टर प्रारूप में हैं।
तोमासो कैपेली
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.