फ़ॉन्ट के लिए कस्टम आइकन जोड़ें भयानक

Question

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

मैंने देखा कि .svg का फ़ॉन्ट संस्करण बहुत बढ़िया इन <glyph />तत्वों से बना है :

...
<glyph unicode="&#xf0b2;" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 -61.5t-59.5 24.5l-162 162l-334 -334l338 -336l158 160q35 35 59.5 24.5t24.5 -61.5v-477q0 -35 -25 -55q-23 -25 -55 -25h-477q-51 0 -61.5 24.5t24.5 59.5l166 166l-336 336l-340 -340l162 -162q35 -35 24.5 -59.5t-61.5 -24.5h-477 q-31 0 -55 25q-25 20 -25 55z" />
<glyph unicode="&#xf0c0;" horiz-adv-x="1880" d="M0 852v152q0 18 1 47.5t10 56.5t29.5 46.5t57.5 19.5q-45 29 -71.5 75.5t-26.5 104.5q0 43 16.5 82t46 68.5t68.5 46t82 16.5q45 0 84 -16.5t67.5 -46t46 -68.5t17.5 -82q0 -57 -27.5 -104t-72.5 -76q37 0 57.5 -19.5t29.5 -46.5t11 -56.5t2 -47.5v-152 q-14 -8 -23.5 -18.5t-27.5 -10.5h-328q-16 0 -26.5 10.5t-22.5 18.5zM158 57v387q0 78 45 138.5t98 109.5q10 10 25.5 21.5t33.5 15.5q18 6 41 7t45 5q61 10 130 19.5t135 19.5q-90 57 -144.5 151.5t-54.5 207.5q0 88 34 166.5t92 136t136 91.5t166 34t166 -34t136 -91.5 t92 -136t34 -166.5q0 -113 -54 -207t-145 -152q66 -10 134.5 -19t130.5 -20q23 -4 45 -5t41 -7q18 -4 33.5 -15.5t27.5 -21.5q66 -59 103.5 -116.5t37.5 -131.5v-387q-12 -6 -20 -13t-18.5 -14t-23.5 -14.5t-36 -15.5h-1368q-35 0 -54.5 22.5t-43.5 34.5zM1452 852v152 q0 18 2 47.5t11.5 56.5t30 46.5t56.5 19.5q-45 29 -72.5 75.5t-27.5 104.5q0 43 16.5 82t46 68.5t68.5 46t84 16.5q43 0 82 -16.5t68.5 -46t46 -68.5t16.5 -82q0 -57 -26.5 -104t-71.5 -76q37 0 56.5 -19.5t28.5 -46.5t11 -56.5t2 -47.5v-152q-12 -8 -22.5 -18.5 t-26.5 -10.5h-328q-18 0 -27.5 10.5t-23.5 18.5z" />
<glyph unicode="&#xf0c1;" horiz-adv-x="1597" d="M0 1137q0 88 34 166.5t92 137t136 92.5t168 34q86 0 166 -33t139 -92q8 -8 21.5 -20.5t26 -25t21.5 -25.5t9 -25q0 -18 -12 -31q-6 -8 -25 -12q-47 -10 -88 -22.5t-86 -31.5q-4 -4 -16 -4t-25.5 10.5t-31 21.5t-42 21.5t-57.5 10.5q-35 0 -66.5 -13.5t-54 -37t-36 -54 t-13.5 -67.5q0 -41 17.5 -75t43 -63.5t56.5 -56.5t57 -53l180 -178q23 -25 54.5 -37t66.5 -12q43 0 73 16t46 16q12 0 39 -21.5t55.5 -49t50 -55t21.5 -42.5q0 -29 -36 -51t-83 -38.5t-94 -26t-72 -9.5q-86 0 -164.5 33t-140.5 92l-303 305q-61 59 -94 139.5t-33 166.5z M578 1010q0 29 35.5 51t82.5 38.5t94 26t72 9.5q86 0 166 -33t139 -92l303 -305q61 -59 94 -139.5t33 -166.5q0 -90 -33.5 -167.5t-92 -136t-137.5 -92.5t-167 -34q-86 0 -165.5 34t-139.5 93q-8 8 -21.5 19.5t-25.5 25t-21.5 26.5t-9.5 26q0 18 13 28q6 8 24 12 q47 10 88 22.5t86 33.5q12 4 17 4q12 0 25.5 -10.5t30.5 -21.5t41 -21.5t58 -10.5q72 0 121 49.5t49 120.5q0 41 -17 76t-44 63.5t-56.5 55.5t-56.5 53l-178 180q-53 49 -123 50q-43 0 -72.5 -17.5t-46.5 -17.5q-12 0 -38.5 21.5t-55 49t-50 56t-21.5 41.5z" />
...

क्या यह मेरा svg आइकन कोड लेने के लिए प्रभावी होगा, इसे एक नए ग्लिफ़ तत्व के रूप में पेस्ट करें और एक अप्रयुक्त यूनिकोड चार को असाइन करें?

Comments

क्या आपको कोई हल मिला? या आपने अभी एक और प्लगिंग चुना है?

— मिशेल अयर्स

'.svg फ़ॉन्ट का संस्करण भयानक' के लिए लिंक नहीं मिला। कृपया अद्यतन करें।

— यनीस ड्रान

: यहाँ प्रासंगिक दस्तावेज है github.com/FortAwesome/Font-Awesome/wiki/Customize-Font-Awesome

— Rimian

Answer 1

दे दो Icomoon एक कोशिश। आप अपने स्वयं के एसवीजी अपलोड कर सकते हैं, उन्हें लाइब्रेरी में जोड़ सकते हैं, फिर अपने स्वयं के आइकन के साथ एक कस्टम फ़ॉन्ट संयोजन बना सकते हैं।

Comments

धन्यवाद :) यह बहुत मदद करता है!

— जॉनी झाओ

उत्तम सेवा। उसके लिए धन्यवाद। कुछ समय में svgs से सेट एक कस्टम आइकन बनाया।

— 1

अच्छा उपकरण। बिल्कुल सही। :)

— क्रिश्चियन मार्क

नमस्ते, मैंने svg आइकन वाले फ़ोल्डर के साथ फ़ॉन्ट आइकन उत्पन्न किए हैं। लेकिन बाद में मैं इसमें एक आइकन जोड़ना चाहता हूं, क्या इसे जोड़ना संभव है? या फिर मैं फ़ोल्डर के साथ उत्पन्न करने के लिए है ?.

— वरदा ३१५

Answer 2

आप Fontcustom को जा सकते हैं, यह svg फ़ाइलों से अपना स्वयं का फ़ॉन्ट बनाता है।

Comments

2 अक्टूबर को डोमेन नाम की अवधि समाप्त हो गई, 15

— रहस्यमय

यहाँ github प्रोजेक्ट है जब तक वे डोमेन समस्या को हल नहीं करते हैं ।

— ग्लेन

Answer 3

Font Awesome 5 में, आप अपने स्वयं के SVG डेटा के साथ कस्टम आइकन बना सकते हैं। यहाँ एक डेमो GitHub रेपो है, जिसके साथ आप खेल सकते हैं। और यहाँ एक CodePen है जो दिखाता है कि <script>ब्लॉकों में कुछ ऐसा ही किया जा सकता है ।

या तो मामले में, library.add()इस तरह से एक वस्तु को जोड़ने के लिए इसका उपयोग करना शामिल है :

export const faSomeObjectName = {
  // Use a prefix like 'fac' that doesn't conflict with a prefix in the standard Font Awesome styles
  // (So avoid fab, fal, fas, far, fa)
  prefix: string,
  iconName: string, // Any name you like
  icon: [
    number, // width
    number, // height
    string[], // ligatures
    string, // unicode (if relevant)
    string // svg path data
  ]
}

ध्यान दें कि कोड नमूने में टिप्पणी "svg पथ डेटा" द्वारा लेबल किया गया तत्व वह है जो उस तत्व dपर विशेषता के मूल्य के रूप में निर्दिष्ट किया जाएगा जो <path>कि एक बच्चा है <svg>। इस तरह (स्पष्टता के लिए कुछ विवरण छोड़कर):

<svg>
  <path d=SVG_PATH_DATA></path>
</svg>

(मेरे इसी तरह के उत्तर से अनुकूलित: https://stackoverflow.com/a/50338775/4642871 )

Comments

क्या होगा अगर हम मानक उपसर्गों का उपयोग करना चाहते हैं, तो नया svg वेबसाइट में फिट हो सकता है?

— नॉर्बर्ट कार्दोस

आप जो चाहें उपसर्ग का उपयोग कर सकते हैं। लेकिन अगर आप एक मानक उपसर्ग का उपयोग करते हैं ( fabऔर fas, ) far, falतो आपको नामकरण संघर्ष का अधिक जोखिम होगा - यदि अभी नहीं, तो संभवतः भविष्य में हम उन मानक उपसर्गों के साथ आइकन जोड़ना जारी रखें। एक कस्टम उपसर्ग का उपयोग करने से किसी svg को "वेबसाइट में फिट होने" की संभावना कम नहीं होगी — लेकिन मुझे यकीन नहीं है कि आप उस वाक्यांश का क्या मतलब है, इसलिए शायद आप स्पष्ट कर सकें?

— mwilkerson

हमें एक विशिष्ट सामाजिक ब्रांड आइकन (200M + उपयोगकर्ताओं के साथ) की आवश्यकता है, जो पहले से ही अनुरोध किया गया था। हम इस svg आइकन को प्रो संस्करण में जोड़ना चाहते हैं, इसे html / css अपवादों / अन्य मामलों के बिना, एक वेबसाइट पर उपयोग करने के लिए। अन्य सभी ब्रांडों में पहले से ही आइकन हैं, इसलिए फैब वर्ग तत्वों पर मौजूद है (और वास्तव में चयनित ब्रांड सीएसएस में डायनामिक रूप से जोड़ा गया है)

— नॉर्बर्ट कर्दोस

हां जो आपके कस्टम आइकन को जोड़ने के लिए मानक उपसर्ग का उपयोग करने के लिए ठीक काम करेगा। बस इस बात को ध्यान में रखें कि यदि आइकन का नाम उसी तरह समाप्त हो रहा है जैसा कि हम बाद में उस उपसर्ग में जोड़ते हैं, तो एक संघर्ष होगा। तो शायद एक आइकन नाम चुनें जो संघर्ष की संभावना नहीं है? फोर्कड कोड प्रदर्शित करने के लिए: codepen.io/fontawesome/pen/pZWXYX

— mwilkerson

मेरा एसवीजी एक एडोब एआई फ़ाइल से आया है, और कई रास्ते थे। यह मुझे ऊपर निर्दिष्ट "डी" पैरामीटर को ठीक से सेट करने में सक्षम होने से रोकता है। मुझे पहले एसवी फ़ाइल को एसवीजी के रूप में निर्यात करने से पहले एक यौगिक पथ में परिवर्तित करना था। मैंने सीखा कि यहाँ कैसे करना है: ग्राफिकडेग्न.स्टैकएक्सचेंज

— एलेक्स स्टैंडिफ़ोर्ड

Answer 4

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

अपने स्वयं के कस्टम आइकन बनाते समय, Adobe Illustrator या इसी तरह के सॉफ़्टवेयर के माध्यम से प्रत्येक आइकन बनाएं । एक बार आपके आइकन बन जाने के बाद, SVGअपने कंप्यूटर पर प्रारूप में प्रत्येक को अलग-अलग सहेजें ।

इसके बाद, IcoMoon पर जाएं : http://icomoon.io , जिसमें सबसे अच्छा फ़ॉन्ट जनरेट करने वाला सॉफ़्टवेयर है (मेरी राय में), और यह मुफ़्त है। IcoMoon आप में, एक फ़ॉन्ट पुस्तकालय में अपने व्यक्तिगत svg-बचाया फोंट आयात करने के लिए फिर अपने कस्टम आइकन ग्लिफ़ पुस्तकालय उत्पन्न की अनुमति देगा eot, ttf, woff, और svg। एक प्रारूप IcoMoon उत्पन्न नहीं करता है woff2।

IcoMoon पर अपना आइकन पैक बनाने के बाद , FontSquirrel पर जाएं : http://fontsquirrel.com और उनके फ़ॉन्ट जनरेटर का उपयोग करें। IcoMoonttf पर उत्पन्न अपनी फ़ाइल का उपयोग करें । निर्मित नए आइकन पैक में, अब आपके पास प्रारूप में अपना आइकन पैक होगा ।woff2

के लिए यकीन है कि फ़ाइलें बनाओ eot, ttf, svg, woff, और woff2सभी एक ही नाम हैं। आप दो अलग-अलग वेबसाइटों / सॉफ़्टवेयर से एक आइकन पैक तैयार कर रहे हैं, और वे अपने उत्पन्न आउटपुट को अलग नाम देते हैं।

आपके पास दोनों स्थानों पर अपने आइकन पैक के लिए सीएसएस उत्पन्न होगा। लेकिन IcoMoon पर उत्पन्न सीएसएस woff2आपकी @font-face {}घोषणा में प्रारूप को शामिल नहीं करेगा । सुनिश्चित करें कि जब आप अपने सीएसएस को अपनी परियोजना में जोड़ रहे हैं, तो उसे जोड़ना सुनिश्चित करें:

@font-face {
    font-family: 'customiconpackname';
    src: url('../fonts/customiconpack.eot?lchn8y');
    src: url('../fonts/customiconpack.eot?lchn8y#iefix') format('embedded-opentype'),
         url('../fonts/customiconpack.ttf?lchn8y') format('truetype'),
         url('../fonts/customiconpack.woff2?lchn8y') format('woff'),
         url('../fonts/customiconpack.woff?lchn8y') format('woff'),
         url('../fonts/customiconpack.svg?lchn8y#customiconpack') format('svg');
    font-weight: normal;
    font-style: normal;
}

ध्यान रखें कि आप IcoMoon सॉफ़्टवेयर का उपयोग करके अपने आइकन पैक में प्रत्येक आइकन के ग्लिफ़ यूनिकोड मान प्राप्त कर सकते हैं । ये मान आपके आइकॉन CSS के माध्यम से निर्दिष्ट करने में सहायक हो सकते हैं, जैसे कि (मान लें कि हम ऊपर दिए font-familyगए उदाहरण में घोषित का उपयोग कर रहे हैं @font-face {...}):

selector:after {
    font-family: 'customiconpackname';
    content: '\e953';
    }

e953यदि आप svgटेक्स्ट एडिटर में फॉन्ट-पैक-जनरेट की गई फ़ाइल खोलते हैं, तो आप ग्लिफ़ यूनिकोड मान भी प्राप्त कर सकते हैं । उदाहरण के लिए:

<glyph unicode="&#xe953;" glyph-name="eye" ... />

Comments

काम नहीं कर रहा ,।,। पूरी प्रक्रिया को पूरा करें सिर्फ आइकन दिखाई न दें इसके बजाय नंबर दिखाई देते हैं

— इंजमाम उल हसन

क्या आप कृपया थोड़ा और विस्तृत कर सकते हैं? मुझे आपकी समस्या में मदद करने में खुशी हो रही है। क्या आपने font-family: customiconpack;अपने साथ निर्दिष्ट किया selector:after? selector:afterकोड उदाहरण के लिए अभी मुझे अपना समाधान अपडेट करने दें ।

— साथियों

मैंने अपना आइकन svg फ़ाइल अपलोड किया, मैंने फ़ाइल को डाउनलायड कर दिया है।, मैंने प्रोजेक्ट में उन लोगों को डाल दिया, जिन्होंने प्रोजेक्ट में नई सीएसएस फ़ाइल जोड़ी, आपके कोड को फ़ाइल में कॉपी किया, कोड को मेरे आइकन कोड के साथ बदल दिया। काम नहीं किया,

— इंजम उल हसन

कृपया इस चैट रूम में शामिल हों जो मैंने बनाया है ताकि हम इस समस्या पर आसानी से चर्चा कर सकें: chat.stackoverflow.com/rooms/132402/…

— Pegues

मैं यहाँ केवल दूसरों को यह बताने के लिए टिप्पणी कर रहा हूँ कि समस्या यह थी कि आपने एक आयातित PNG से इलस्ट्रेटर में अपना SVG बनाया। आपको वेक्टर के रूप में अपने आइकन को फिर से बनाना होगा। पीएनजी एक रेखापुंज प्रारूप है और इसमें कोई वेक्टर वक्र नहीं है।

— साथियों

Answer 5

आपके पास जो है उस पर निर्भर करता है। यदि आपका svg आइकन सिर्फ एक रास्ता है, तो उस ग्लिफ़ को केवल एक नए <ग्लिफ़> तत्व में 'd' विशेषता को कॉपी करके जोड़ना आसान है। हालाँकि, पथ को फॉन्ट के कोऑर्डिनेट सिस्टम (EM-स्क्वायर, जो आमतौर पर [0,0,2048,2048] - Truetype फोंट के लिए मानक है) को स्केल करने की आवश्यकता है और आपको जो आधार रेखा चाहिए, उसके साथ संरेखित किया जाना चाहिए।

हालांकि सभी ब्राउज़र svg फोंट का समर्थन नहीं करते हैं, इसलिए यदि आप इसे हर जगह काम करना चाहते हैं तो आपको इसे अन्य प्रारूपों में भी बदलना होगा।

Fontforge svg फ़ाइलें आयात कर सकते हैं (एक ग्लिफ़ स्लॉट चुनें, फ़ाइल> आयात करें और फिर अपनी svg छवि चुनें), और फिर आप सभी संबंधित फ़ॉन्ट स्वरूपों (svg, truetype, woff आदि) में परिवर्तित कर सकते हैं।

Answer 6

@ सैमुअल-बर्गस्ट्रॉम के समान दृष्टिकोण:

• डाउनलोड Fontawesome SVG https://github.com/FortAwesome/Font-Awesome/blob/master/src/assets/font-awesome/fonts/fontawesome-webfont.sontg
• डाउनलोड FontForge http://fontforge.github.io/en-US/downloads/
• Inkscape डाउनलोड करें
• Inskscape खोलें और अपने नए फॉन्ट आइकन के रूप में सिंगल लेयर शेप बनाएं
• SVG फ़ाइल सहेजें, Inkscape बंद करें
• FontForge खोलें (यदि आपके पास कई मॉनिटर हैं, तो रिपॉजिट करने के लिए Windows-LeftArrow का उपयोग करें, क्योंकि उनके पास अजीब स्विंग जावा विंडो हैं जो मॉनिटर पर जाते हैं, और पॉपअप के साथ मोडल समस्याएं हैं - मुझे कुछ के लिए अपने कार्य बार की जांच करनी थी)
• फ़ाइल | फॉन्टवॉव-वेबफॉन्ट.एसवीजी खोलें
• फ़ाइल | आयात
• नीचे स्क्रॉल करें, आइकन पर राइट क्लिक करें | ग्लिफ़ की जानकारी
• अद्यतन ग्लिफ़ नाम को uniFXXX (XXX 501 जैसा कुछ है, उच्चतम यूनिकोड की तुलना में अधिक संख्या में FontAwesome के v4.5 में उपयोग किया जाता है)
• यूनिकोड Vlaue U + fXXX
• ओके पर क्लिक करें
• फ़ाइल | सहेजें
• फ़ाइल | फ़ॉन्ट्स उत्पन्न करें ...
• FontForge बंद करें
• अपना वेब प्रोजेक्ट खोलें
• अपनी फ़ॉन्ट फ़ाइलों को (मेरी परियोजना में) "\ Content \" फ़ॉन्ट फ़ोल्डर में कॉपी करें।
• "\ Content \ शैलियों \ fa \ path.less" को संपादित करने के लिए जैसे:

@font-face {
      font-family: 'FontAwesome';
      //src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
      src: 
    	//url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
        //url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
        url('@{fa-font-path}/fontawesomeregular.woff?v=@{fa-version}') format('woff'),
        url('@{fa-font-path}/fontawesomeregular.ttf?v=@{fa-version}') format('truetype'),
        url('@{fa-font-path}/fontawesomeregular.svg?v=@{fa-version}#fontawesomeregular') format('svg');
    //  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
      font-weight: normal;
      font-style: normal;
    }

मुझे पता है कि अन्य फ़ाइल प्रकारों पर टिप्पणी करना 'विवादास्पद' हो सकता है, लेकिन यह बताने में खुशी होगी कि टिप्पणियों में .otf या .ff फ़ाइलों को कैसे बनाया जाए।

• और अंत में, शमूएल के रूप में, अपने CSS / LESS को अपडेट करें:

  .fa-XXX: {सामग्री से पहले: "\ f501"; }

Answer 7

मैंने अपनी आंखों में एसवीजी वेबफोन्स और फॉन्ट क्रिएशन में थोड़ा रिसर्च किया, अगर आप फॉन्ट-फॉन्ट को "ऐड" करना चाहते हैं तो पहले से मौजूद फॉन्ट को आपको निम्न करने की जरूरत है:

इंकस्केप पर जाएं और एक ग्लिफ़ बनाएं, इसे एसवीजी के रूप में सहेजें ताकि आप कोड पढ़ सकें, इसे यूनिकोड वर्ण निर्दिष्ट करना सुनिश्चित करें जिसका वर्तमान में उपयोग नहीं किया गया है इसलिए यह फ़ॉन्ट में मौजूद ग्लिफ़ में से किसी के साथ संघर्ष नहीं करेगा। यह कठिन हो सकता है इसलिए मुझे लगता है कि एक बेहतर सरल अनुमोदन अपने स्वयं के साथ एक मौजूदा ग्लिफ़ की जगह लेगा (बस एक का चयन करें जिसका आप उपयोग नहीं करते हैं, पहले भाग की प्रतिलिपि बनाएँ:

Svg को सेव करें फिर इसे किसी भी ऑनलाइन कन्वर्टर का उपयोग करके वेब-फॉन्ट में बदलें ताकि आपका वेबफॉन्ट सभी ब्राउज़रों में काम करे।

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

>##CSS##
>.FA.NEW-GLYPH:after {
>content:'WHATEVER AVAILABLE UNICODE CHARACTER YOU FOUND'
>(other conditions should be copied from other fonts)
>}

Answer 8

यदि आप फ़ॉन्ट-भयानक से कुछ आइकन (या सभी) चाहते हैं, जिसमें आप कस्टम svg आइकन शामिल कर सकते हैं:

1- http://fontawesome.io/ पर जाएं और अपने डेस्कटॉप में उदाहरण के लिए ज़िप डाउनलोड करें और इसे निकालें।

2- अकाउंट बनाने के लिए http://fontastic.me/ पर जाएं और अपने ईमेल का उपयोग करें।

3- एक बार जब आप लॉग इन हो जाते हैं तो हेडर विकल्प पर क्लिक करें: अधिक आइकन जोड़ें।

4- फोंट के अंदर अपने निकाले हुए ज़िप में स्थित फ़ॉन्ट-भयानक के एसवीजी का चयन करें।

5- अपनी खुद की svg फाइल्स अपलोड करने वाले प्रॉसेस को दोहराएं।

6- इनसाइड होम (पेज के हेडर पर) आप जिन आइकॉन को डाउनलोड करना चाहते हैं, उन्हें सेलेक्ट करें, अपने कस्टम नाम देने के लिए उन्हें कस्टमाइज़ करें और लिंक होने के लिए पब्लिश करें या फोंट और सीएसएस डाउनलोड करें।

मेरी अंग्रेजी के बारे में खेद ! : डी

Comments

यह काम करेगा लेकिन मुझे लगता है कि अपनी खुद की कस्टम आइकन लाइब्रेरी बनाना और फॉन्टव्यू साइड का उपयोग करना बेहतर है। यह फॉन्टवेड अपडेट (नए आइकन के साथ) प्राप्त करने की अनुमति देगा।

— गिलाउम हरारी