Favicon के रूप में फ़ॉन्ट विस्मयकारी चिह्न का उपयोग करें


109

क्या एक फ़ॉन्ट विस्मयकारी आइकन को फ़ेविकॉन आइकन के रूप में उपयोग करना संभव है ? आप जानते हैं, ब्राउज़र टैब में वेबसाइट शीर्षक के साथ दिखाई देने वाला छोटा आइकन?

जवाबों:


38

हाँ यही है। बस वांछित चरित्र के साथ कुछ का स्क्रीनशॉट लें, जो हिस्सा आप चाहते हैं उसे काट लें और इसे एक छवि (.ico) के रूप में सहेजें।

गंभीरता से अब, आप प्रत्येक ब्राउज़र द्वारा समर्थित स्वरूपों की जांच करना चाहते हैं: http://en.wikipedia.org/wiki/Favicon#File_format_support

यदि आपके अक्षर छवि या वेक्टर फाइलें हैं, तो आप अधिकांश ब्राउज़रों के साथ ठीक होंगे लेकिन IE (क्योंकि एमएस आपसे नफरत करता है) । अन्यथा, ठीक है, आपको वास्तव में उन्हें पहले चित्रों के रूप में सहेजना होगा।


3
हालांकि लाइसेंस इसे अनुमति देता है?
कला-सोलोपोव

3
@ कला-सोलोपोव हाँ, यह करता है - आप उनके लाइसेंस पृष्ठ पर इसे देख सकते हैं: fortawesome.github.io/Font-Awesome/license
Renan

मैंने ओएफएल के माध्यम से पढ़ा है और मुझे फ़ॉन्ट के प्रारूप को बदलने या ग्लिफ़ से एक छवि बनाने से संबंधित कुछ भी नहीं मिला है। क्षमा करें, अगर मुझे कुछ याद आ रहा है, तो क्या आप मुझे विशिष्ट अनुभाग में इंगित कर सकते हैं? धन्यवाद।
कला-सोलोपोव

स्क्रीनशॉट सुझाने के लिए डाउनवोट किया गया। इसे प्राप्त करने के कई दोषरहित तरीके हैं।
मेटाकॉलिन

2
@marcogmonteiro यदि आप fontawesome.com/download पर जाते हैं तो आप .svg फ़ाइलों के रूप में आइकन डाउनलोड कर सकते हैं। अधिकांश ब्राउज़र एक .vv परिसंपत्ति को फेविकॉन के रूप में स्वीकार करेंगे। यदि आपको IE के पुराने संस्करणों का समर्थन करने की आवश्यकता है, तो आप फ़ोटोशॉप या इलस्ट्रेटर का उपयोग करके .svg को परिवर्तित करने के लिए एक अच्छा साफ रेखापुंज संपत्ति (जैसे .png) प्राप्त कर सकते हैं।
मेटाक्लोन

289

संपादित करें: मेरा सुझाव है कि आप http://gauger.io/fonticon का उपयोग करें


मैं एक ऑनलाइन फ़ॉन्ट बहुत बढ़िया Favicon जनरेटर बनाया है कि बस!

फ़ॉन्ट विस्मयकारी Favicon जेनरेटर देखें ।


7
अच्छा, त्वरित और प्रभावी। +1!
यू rsus

2
हमें रंग को परिभाषित करने की अनुमति देने की आवश्यकता है!

6
@Freddy वास्तव में जनरेटर पहले से ही इसके लिए सक्षम है, मैंने अभी इसके लिए UI नहीं बनाया है। आरजीबी हेक्स रंग मूल्यों का उपयोग करते हुए, क्रमशः पृष्ठभूमि और अग्रभूमि के लिए परम बीजी और एफजी में पास। उदाहरण के लिए, paulferrett.com/fontawesome-favicon/…
पॉल

7
@ पॉल-फेरेट: क्या उत्पन्न आइकन के आकार को बदलने का कोई तरीका है?
vgoklani

4
अच्छा कार्यान्वयन। दुर्भाग्य से आजकल सिर्फ 16x16 फ़ेविकॉन पर्याप्त नहीं है। सभी आवश्यक आकारों में सभी आवश्यक फ़ेविकॉन युक्त ज़िप डाउनलोड करना अच्छा होगा।
कोआर्ससे

85

मैंने एक ऑनलाइन फ़ॉन्ट विस्मयकारी फ़ेविकॉन जेनरेटर भी बनाया है जिसमें अतिरिक्त विशेषताएं हैं जो पॉल फेरेट के समाधान से गायब थीं।

फ़ेविकॉन

  • ब्राउज़र में फ़ेविकॉन का पूर्वावलोकन
  • आइकन का आकार
  • पारदर्शी आइकन और पृष्ठभूमि
  • विशाल छवि का आकार (आइकन जितना चाहें उतना विस्तृत हो सकता है)
  • आइकॉन को गीथब पुल अनुरोध के माध्यम से अद्यतन किया जा सकता है
  • अद्यतन 06/2017 अद्यतन फ़ॉन्ट विस्मयकारी 4.7 के लिए
  • अद्यतन 06/2017 फजी खोज और कीवर्ड खोज
  • अद्यतन 09/2017 स्टैक्ड आइकन
  • अद्यतन 06/2018 फ़ॉन्ट विस्मयकारी 5.0.13 के लिए अद्यतन
  • अद्यतन 11/2018 फ़ॉन्ट फ़ॉन्ट 5.5.0 तक अद्यतन
  • अद्यतन 04/2019 फ़ॉन्ट विस्मयकारी 5.8.1 के लिए अद्यतन
  • अद्यतन 04/2019 फ़ॉन्ट विस्मयकारी प्रो के लिए समर्थन जोड़ा !

यदि आप अतिरिक्त सुविधाएँ चाहते हैं, तो कृपया एक समस्या या एक अनुरोध यहाँ प्रस्तुत करने के लिए स्वतंत्र महसूस करें ।


@vgoklani यदि आपके सुझाव हैं तो कृपया मुझे बताएं :)
ग्रहण

@eclipse: बहुत बहुत धन्यवाद! इसने मुझे बहुत दर्द से बचाया है।
सैम

इस महान प्रयास के लिए, पहले कुछ नोटिस के साथ धन्यवाद : जब मैं एक चित्र डाउनलोड करता हूं, तो यह हमेशा चौड़ाई और ऊंचाई के लिए 1024 होता है, इसे वास्तविक आकार में बदला जाना चाहिए। दूसरा: स्लाइडर मूल्य का आकार लिखा जाना चाहिए या बेहतर एक बॉक्स में सेट किया जा सकता है
सैफ

1
मैंने इसे स्टैक्ड आइकन समर्थन के साथ बढ़ाया है। पीआर समीक्षा के लिए लंबित है।
Trung

2
मुझे लाइव टैब पूर्वावलोकन सुविधा पसंद है!
टोट ज़म

11

किसी भी छवि को फ़ेविकॉन जनरेटर साइट पर अपलोड किया जा सकता है जैसे

http://favicon-generator.org/

या

http://www.favicon.cc/

आपके द्वारा चुनी गई साइट पर ऑनलाइन निर्देशों का पालन करें। यह आमतौर पर सिर्फ एक तीन कदम प्रक्रिया है। अपनी साइट के शीर्ष स्तर में फ़ेविकॉन को सहेजें।

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


2
"ध्यान दें कि यदि आपकी साइट स्थानीय है, तो जब आप अपने वेब होस्ट पर साइट अपलोड करते हैं, तो क्रोम में फ़ेविकॉन दिखाई नहीं देगा"। यह सही नहीं है।
यू rsus

यदि आपके पास अपने fav आइकन को स्थानीय रूप से देखने के मुद्दे हैं। stackoverflow.com/questions/16375592/…
otherDewi

7

यह संभव नहीं है कि आप छवि में परिवर्तित किए बिना प्रत्यक्ष भयानक फ़ॉन्ट चरित्र को फ़ेविकॉन के रूप में उपयोग कर सकते हैं। आपको चरित्र को छवि में बदलना होगा ।।

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