ફૉન્ટ અદ્ભુત: સંપૂર્ણ પુસ્તકાલય માર્ગદર્શિકા

ફ્રી આઇકોન્સ ફૉન્ટ અદ્ભુત: તે શું છે અને તે માટે તેનો ઉપયોગ શું થાય છે. સાઇટ પર આયકન્સને કેવી રીતે કનેક્ટ કરવું. લાઇબ્રેરીના ફાયદા અને ગેરફાયદા.

ફૉન્ટ અદ્ભુત આયકન સેટ: ધ અલ્ટીમેટ ગાઇડ

ફૉન્ટ અદ્ભુત એ CSS અને ઓછા પર આધારિત ફોન્ટ્સ અને આયકન્સનો સમૂહ છે. આ ટૂલ તમને સાઇટ પરના તમામ પ્રકારના આયકન્સને ઝડપથી કનેક્ટ કરવાની મંજૂરી આપે છે, નોંધપાત્ર રીતે તેની ડિઝાઇન અને ઉપયોગિતાને સુધારવામાં આવે છે. કોડની કેટલીક લાઇન્સ શામેલ કરવા માટે તે પૂરતું છે.

ફ ont ન્ટ અદ્ભુત તમને સ્કેલેબલ વેક્ટર ચિહ્નો આપે છે જે તમે સરળતાથી વ્યક્તિગત કરી શકો છો - કદ, રંગ, પડછાયાઓ અને બીજું બધું જે સીએસએસ સાથે કરી શકાય છે.

ફ ont ન્ટ અદ્ભુત લાઇબ્રેરીમાં તમારા માટે શ્રેષ્ઠ સૂચનોનો વિશાળ સંગ્રહ છે. તમે તમારા પ્રોજેક્ટને અનન્ય ચિહ્નોથી સુધારી શકો છો. હકીકતમાં, આ તમામ પ્રકારના ચિહ્નોનો એક વિશાળ સમૂહ છે જેનો ઉપયોગ તમે તમારા પોતાના હેતુઓ માટે કરી શકો છો.

FontAwesome માં, બધા ચિહ્નો સંપૂર્ણપણે અને સંપૂર્ણપણે મફત છે. લાઇબ્રેરીને જીએનયુ જનરલ પબ્લિક લાઇસન્સ હેઠળ લાઇસન્સ આપવામાં આવે છે. આનો અર્થ એ થાય કે તે વ્યવસાયિક પ્રોજેક્ટ્સમાં અને, સિદ્ધાંતમાં, દરેક જગ્યાએ ઉપયોગમાં લેવાય છે.

આ સેટ ડેવ ગાંધી દ્વારા બનાવવામાં આવ્યો હતો. તેમાં મફત સોશિયલ મીડિયા આયકન્સ, યુઝર ઇન્ટરફેસને સુધારવા માટે ચિહ્નો અને વધુ શામેલ છે.

સામાન્ય રીતે, ફૉન્ટ અદ્ભુત ફૉન્ટ સ્ક્રિપ્ટ્સનો ઉપયોગ બુટસ્ટ્રેપ અને bootstrapcdn સાથે જોડાણમાં થાય છે. ફૉન્ટ અદ્ભુત માત્ર લોકપ્રિયતામાં Google ફોન્ટ્સ પર બીજું છે.

તે કેવી રીતે કામ કરે છે

મુખ્ય સુવિધા એ છે કે બધા ફૉન્ટ અદ્ભુત ચિહ્નો સ્થિર છબીઓ નથી. તેઓ ફૉન્ટ ફોર્મેટમાં છે. બીજા શબ્દોમાં કહીએ તો, આ ચિહ્ન ફોન્ટ્સ છે. ઉદાહરણ તરીકે, શોધ આયકન અથવા સોશિયલ નેટવર્ક લોગો એ સરળ અક્ષરો એ, બી, સી જેટલું જ છે.

ફૉન્ટ અદ્ભુત ચિહ્નો સ્કેલેબલ વેક્ટર્સનો ઉપયોગ કરીને બનાવવામાં આવે છે. તેથી, તેઓ લગભગ કોઈપણ કદમાં વધારો કરી શકાય છે.

બધા ઉપલબ્ધ ચિહ્નો એક ફોન્ટ ફાઇલમાં સમાવવામાં આવેલ છે. તમારે આ ફાઇલને અધિકૃત સાઇટથી ડાઉનલોડ કરવાની અને શૈલીમાં કનેક્ટ કરવાની જરૂર છે.

શા માટે ડિઝાઇનર્સ ફૉન્ટ અદ્ભુત પસંદ કરે છે

ફૉન્ટ અદ્ભુત સંખ્યાબંધ ફાયદા છે:

• ઝડપી જોડાણ. તમારે ફક્ત અધિકૃત વેબસાઇટથી કોઈ વિશિષ્ટ ફાઇલ ડાઉનલોડ કરવાની જરૂર છે અને CSS કોડમાં તેને પાથને સ્પષ્ટ કરીને તેને કનેક્ટ કરવાની જરૂર છે.
• લવચીકતા અને માપનીયતા. ચિહ્નો કોઈપણ કદમાં વિસ્તૃત કરી શકાય છે. આ વિભાગને મંજૂરી આપે તેટલું સ્પષ્ટ હશે. પ્રતિભાવ ડિઝાઇનની ઉંમરમાં, આ મહત્વપૂર્ણ છે. આ રીતે, સમાન કારણોસર, ફૉન્ટ અદ્ભુત ચિહ્નો રેટિના ડિસ્પ્લે માટે યોગ્ય છે.
• સ્ટાઈલાઇઝેશન ચિહ્નોને રંગ, કદ, છાયા અથવા કોઈપણ અન્ય બાહ્ય પરિમાણોમાં સરળતાથી બદલી શકાય છે. ડિઝાઇનરને નિયમિત ટેક્સ્ટ સ્ટાઇલના બધા ફાયદા મળે છે. તમે ચિહ્નોને પણ ફેરવી શકો છો. ઉદાહરણ તરીકે, ઊલટું નીચે દર્શાવો અથવા 90 ડિગ્રી ફેરવો.
• સાઇટની ઝડપી લોડિંગ. બધા ચિહ્નો એક ફૉન્ટ ફાઇલમાં શામેલ છે. તેથી તે ફક્ત ફૉન્ટને લોડ કરવા માટે ફક્ત એક HTTP વિનંતી લે છે. આ વેબસાઇટ પ્રદર્શન માટે સરસ છે.
• બ્રાઉઝર્સનો પ્રેમ. ફૉન્ટ અદ્ભુત ક્રોસ-બ્રાઉઝર સાધન છે. તમારે ફોન્ટ્સ અને આયકન્સની બ્રાઉઝર સુસંગતતા વિશે ચિંતા કરવાની જરૂર નથી. તેઓ તે બધા દ્વારા સારી રીતે ટેકો આપ્યો છે. પણ જૂની IE8.
• વિવિધ ફ્રેમવર્ક સાથે સુસંગત. લાઇબ્રેરી મુખ્યત્વે બુટસ્ટ્રેપ માટે બનાવવામાં આવી હતી. જો કે, તે અન્ય માળખા સાથે સારી રીતે કામ કરશે.
• કેટલાક બંધારણો. આ સાધન .eot, .ttf, .woff અને SVG ફોર્મેટ્સમાં ઉપલબ્ધ છે. તેથી ફૉન્ટ અદ્ભુત એ જ રીતે અન્ય વેબ ફોન્ટ્સ તરીકે નિયંત્રિત થાય છે.
• કોઈ જાવાસ્ક્રિપ્ટ આવશ્યક નથી. ફૉન્ટ અદ્ભુતને ચલાવવા માટે જાવાસ્ક્રિપ્ટની આવશ્યકતા નથી.

આમ, ફૉન્ટ અદ્ભુત એક અસરકારક અને અનુકૂળ સાધન છે જે નોંધપાત્ર રીતે લેઆઉટનો સમય બચાવે છે અને તમારી વેબસાઇટને ઝડપી બનાવે છે.

ફૉન્ટ અદ્ભુત ના ગેરફાયદા

સાધનમાં ગેરફાયદા પણ છે. સદભાગ્યે, તેમાંના ઘણા નથી.

પ્રથમ, ચિહ્નો ફક્ત એક રંગમાં રંગી શકાય છે. જો કે, આ મર્યાદાને અવરોધિત કરી શકાય છે. ઉદાહરણ તરીકે, એકબીજા સાથે મફત ચિહ્નોનું મિશ્રણ કરો. અથવા સીએસએસ અસરોનો ઉપયોગ કરીને

બીજું, ફૉન્ટ અદ્ભુત લાઇબ્રેરીમાં ઘણા બધા ચિહ્નો શામેલ છે અને તે બધા એક ફાઇલમાં શામેલ છે. જો કોઈ ડિઝાઇનર અથવા લેઆઉટ ડિઝાઇનરને ફક્ત થોડા ચિહ્નોને કનેક્ટ કરવાની જરૂર હોય, તો તેઓએ હજી પણ સંપૂર્ણ લાઇબ્રેરીને સંપૂર્ણપણે લોડ કરવી પડશે. અને આ હજારો વધારાના ચિહ્નો છે જે જગ્યા લેશે. જો કે, અહીં એક ઉકેલ પણ છે - તમારી પોતાની એસેમ્બલી બનાવવી, જેમાં ફક્ત આવશ્યક ચિહ્નો શામેલ હશે.

ફૉન્ટ અદ્ભુત આવૃત્તિઓ: 5 અને 6

ફૉન્ટ અદ્ભુત 5 ડિસેમ્બર, 2017 ના રોજ પ્રકાશિત કરવામાં આવ્યું હતું અને મૂળરૂપે 1278 ચિહ્નો હતા. પાંચમું સંસ્કરણ બે પેકેજોમાં આવે છે: મફત (ફૉન્ટ અદ્ભુત મફત) અને પેઇડ (ફૉન્ટ અદ્ભુત પ્રો). મફત યોજનામાં ચોથા આવૃત્તિઓમાંથી ચિહ્નો પણ શામેલ છે. ચિહ્નો એસઆઈએલ ઓપન ફૉન્ટ લાઇસન્સ 1.1, ક્રિએટિવ કૉમન્સ એટ્રિબ્યુશન 4.0 અને એમઆઇટી હેઠળ ઉપલબ્ધ છે.

ફૉન્ટ અદ્ભુત 6 એ નવું સંસ્કરણ છે જે 2020 ના બીજા ભાગમાં રજૂ થયું હતું. તેમાં નવા ચિહ્નોનો સમાવેશ થાય છે અને તે ફક્ત પેઇડ પ્લાનમાં ઉપલબ્ધ છે.

ફૉન્ટ અદ્ભુત 6 આલ્ફા 2021 માં પણ છે. આ એક અન્ય આયકન લાઇબ્રેરીની નવી પેઢી છે. નવા ચિહ્નો ઉપરાંત, સંસ્કરણ 6 આલ્ફા પણ નવી શૈલીઓ, નવી સેવાઓ અને સહાયક સાધનો ઉમેરે છે. વપરાશકર્તાઓ પ્રી-ઓર્ડર કરી શકે છે.

મફત અને પેઇડ યોજનાઓ: તફાવતો અને સુવિધાઓ

તમે મફત અથવા પેઇડ ટેરિફ પ્લાન માટે ચિહ્નો ડાઉનલોડ કરી શકો છો.

મફત યોજનામાં 1600 થી વધુ ચિહ્નો અને 1 સેટનો સમાવેશ થાય છે. કિટ એ ચિહ્નો, શૈલીઓ અને સેટિંગ્સનો સંગ્રહ છે જે તમને કોડ ઉમેર્યા વિના ઝડપથી ફેરફારો કરવા દે છે.

પેઇડ ટેરિફ:

• 7800 થી વધુ ચિહ્નો અને 20 સેટ્સ શામેલ છે.
• ફૉન્ટ અદ્ભુત પ્રો ઍક્સેસ પ્રદાન કરે છે. આનો અર્થ એ થાય કે આયકન્સનો ઉપયોગ મૂળ મોબાઇલ એપ્લિકેશન્સ અને તમારા કમ્પ્યુટર પર (ઉદાહરણ તરીકે, શબ્દ ટેક્સ્ટ સંપાદકમાં અથવા પાવરપોઇન્ટમાં પ્રસ્તુતિ બનાવતી હોય ત્યારે) નો ઉપયોગ કરી શકાય છે.
• તમને તમારા પોતાના ચિહ્નો અપલોડ કરવાની મંજૂરી આપે છે. તમે તમારા પોતાના ચિહ્નોનો ઉપયોગ કરીને અથવા સત્તાવાર ફૉન્ટ અદ્ભુત ચિહ્નોની જગ્યાએ ઉપયોગ કરી શકો છો. ઉદાહરણ તરીકે, આ રીતે તમે કોઈ કંપની લોગો અપલોડ કરી શકો છો. તમે તમારા પોતાના ચિહ્નો સાથે મૂળભૂત મુદ્દાઓ સાથે સમાન ક્રિયાઓ કરી શકો છો - શૈલી, કદ, રંગ, વગેરે બદલો.

બંને આવૃત્તિઓ શાશ્વત છે. એટલે કે, તેઓ એકવાર અને બધા માટે પ્રદાન કરવામાં આવે છે.

ફૉન્ટને અદ્ભુત કનેક્ટ કરવાની રીતો

સૌ પ્રથમ, તમારે સત્તાવાર વેબસાઇટ પર જવાની જરૂર છે અને લાઇબ્રેરી ડાઉનલોડ કરવાની જરૂર છે. ડાઉનલોડ કરેલ આર્કાઇવ અનપેક્ડ હોવું આવશ્યક છે અને CSS અને ફોન્ટ્સ ફોલ્ડર્સ તમારા સાઇટ ફોલ્ડરમાં કૉપિ કરે છે.

તે પછી, લાઇબ્રેરી ફાઇલનો માર્ગ મુખ્ય ટૅગ્સ વચ્ચે ઉલ્લેખિત છે. દાખ્લા તરીકે:

વેબસાઇટ પર ફૉન્ટ અદ્ભુત ચિહ્નો કેવી રીતે પ્રદર્શિત કરવી. સૌથી વધુ લોકપ્રિય પદ્ધતિઓ:

1. એચટીએમએલ

સૌથી સરળ રસ્તો.

તમારે સત્તાવાર વેબસાઇટ (fontawesome.com/icons?d=gallery) પર ગેલેરીમાં જવાની જરૂર છે અને તમને ગમે તે આયકન પસંદ કરો. દરેક આયકન પાસે વ્યક્તિગત કોડ છે, ઉદાહરણ તરીકે :. તે કોડમાં યોગ્ય સ્થાને કૉપિ અને પેસ્ટ કરવા માટે પૂરતું છે.

2. સીએસએસ દ્વારા

આ કરવા માટે, પછી અથવા પહેલા, તેમજ આવશ્યક આયકનના યુનિકોડ પછી સ્યુડો-ઘટકોનો ઉપયોગ કરો. તમે તે જ ગેલેરીમાં તેને લઈ શકો છો. આવા કોડનો એક ઉદાહરણ: એફ 209.

શૈલી ફાઇલ એન્ટ્રીનું ઉદાહરણ:

ડીવી :: {ડિસ્પ્લે: બ્લોક પછી; સામગ્રી: 'એફ 209'; ફૉન્ટ-ફેમિલી: 'ફૉન્ટ અદ્ભુત 5 ફ્રી';}

નિષ્કર્ષ: બધા ફૉન્ટ અદ્ભુત ચિહ્નો

આમ, ફૉન્ટ અદ્ભુત તમારી વેબસાઇટ પર મફત ચિહ્નો ઉમેરવા માટે ઝડપી અને અનુકૂળ રીત છે. બધા ચિહ્નો સરળતાથી સ્કેલેબલ છે અને સાઇટને ધીમું નથી કરતા.