Veb-piktogramma bo'yicha 7 ta ekspert maslahatlari foydalanish va afzalliklarni belgilaydi

Veb-saytingiz uchun ikonkalar to'plamidan foydalanishni va qaysi birini tanlashni istaysizmi? Ushbu mutaxassis maslahatlari shunchaki ko'plab professional veb-ishlab chiqaruvchilar allaqachon bilgan narsalarga ishontirishlari mumkin: ikonkalarni birma-bir topib, ularni qandaydir tarzda izchil qilish yo'lini topishdan ko'ra, kiritilgan ikonkalar to'plamidan ikonalarni qidirish ancha osonroq.

Biz jamoadan ikonkalar to'plamidan foydalanish bo'yicha eng yaxshi maslahatlarni so'radik va ko'pchilik mashhur Shriftning ajoyib belgilari to'plamidan foydalanishga rozi bo'lishdi, ammo bu bozorda mavjud bo'lgan yagona belgi emas.

Siz qaysi belgi to'plamidan foydalanmoqdasiz? Bizga izohlarda xabar bering!

 O'zingizning veb-saytingiz uchun maxsus belgi o'rnatilganmi? Siz maxsus foydalanish uchun (masalan, Shopify-da, yangiliklar byulleteni uchun ...) harflar uchun ajoyib Shriftdan foydalanyapsizmi? Agar shunday bo'lsa, nega undan foydalanyapsiz va ikonkalar to'plamiga nisbatan tajribangiz qanday? Siz ularning CDN-laridan foydalanganmisiz, ulardan foydalanish yaxshilanganini sezdingizmi?

Jeff Roscher: mijozlarga zamonaviy va jozibali ko'rinadigan yoqimli oddiy uslubni qo'shadi

Biz eWorkOrders.com saytida Shriftning ajoyibidan foydalanamiz. Bu bizning marketing saytimiz va xizmat ko'rsatish (SAAS), kompyuterlashtirilgan xizmat ko'rsatishni boshqarish tizimi (CMMS) sifatida dasturiy ta'minotimizning bir qismidir. Bizning marketing saytimizda bo'lg'usi mijozlar zamonaviy va jozibali ko'rinishi uchun yoqimli oddiy uslublar qo'shiladi. Biz interfaol va hayajonli qilish uchun qiziqarli chegaralar va sichqonchani ochish voqealarini qo'shdik. Bizning mijozlarimiz uchun Shriftning g'aroyib piktogrammalari kirish maydonlarining ichki qismida vizual replikatsiya sifatida ishlatiladi, masalan, sana maydonidagi taqvim belgisi, elektron pochta manzili maydonidagi konvert yoki telefon belgisi. telefon raqami uchun maydon. Ular tahrirlash, nusxalash va bosib chiqarish kabi funktsional tugmachalarda qo'llaniladi.

Piktogrammalar ma'lumot haqida tez vizual ma'lumot berish uchun, kechiktirilgan ish buyrug'i yonida yoki biror narsaga e'tibor berish kerak bo'lganda qizil undov belgisi kabi ma'lumotlardan foydalanish uchun ishlatiladi. Ular dasturni yanada chiroyli qilish uchun boshqa bir qator joylarda bo'lishadi ..

Shrift ajoyib bo'ldi! Ularning CDN tezkor va bizda kerak bo'lgan har xil turdagi ikonkalar uchun ko'plab variantlar mavjud. Hech qachon ko'nglimiz qolmadi.

Reychel Foley: katta hajmdagi piktogramma kutubxonasiga osonlikcha kirishning arzon usuli

Mening mijozlarim xaritasida biz barcha marketing kanallari va mahsulotimiz, shu jumladan o'z mahsulotlarimiz uchun ikonografiya uchun ajoyib Shriftga ishonamiz.

• Veb-sayt
• Elektron pochta xabarlari
• Ijtimoiy media
• Custom Grafika
• Mobil ilova
• Veb-ilova

Biz Font Awesome dasturidan foydalanamiz, chunki bu katta belgi kutubxonasiga osonlikcha kirishning qulay usuli. Uslub ko'proq brendimizga mos keladigan o'ynoqli tomonda; plyusning turli xil og'irliklari va uslublaridan foydalanish qobiliyati bizga erkinlikni beradi.

Biz CDN-ni o'z dasturlarimiz uchun ishlatamiz, bu esa mahsulotning foydalanuvchilar tajribasida juda izchil his qilish imkonini beradi. Plyus - kerak bo'lganda yangilash juda oddiy. Marketing materiallari bilan biz biroz moslashuvchanmiz va mahalliy o'rnatish va vektorli versiyalarimiz bo'lgan CDN aralashmasidan foydalanamiz.

FA biz uchun har doim ishonchli bo'lib kelgan, chunki biz yanvar oyida to'liq qabul qildik.

Endryu Ruditser: Shrift ajoyib tarzda yangilanganidek, biz ham shunday qildik

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Ijtimoiy media Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

Shrift ajoyibligi piktogrammalarning keng doirasini taklif etadi. Biz ushbu moslashuvchanlikni Dizayn bosqichidan rivojlanish bosqichimizga qadar foydali deb bilamiz. Font Awesome uchun ularning platformasi o'z foydalanuvchilariga ikkita variantni taklif etadi. Birinchi parametr bu bepul xizmat bo'lib, u 1588 ta bepul ikonkalarni tanlashni taklif qiladi. Ikkinchi variant - Pro-ga a'zo bo'lish, bu 7 842 piktogrammani taklif qiladi. Ushbu kompaniya, shuningdek, Icon cheat list deb ataydigan narsamizga ham ega. Ushbu ro'yxat Font Awesome taklif qiladigan barcha piktogrammalarini ko'rsatadi, ular bepul paket yoki pro-paketning bir qismi ekanligi haqida bizga xabar beradi.

Qo'shish uchun, Font Awesome shuningdek, ularning kodini CDN-dan olish imkoniyatini ham taklif qiladi. Biz ularga marshrut bo'yicha borishni maslahat beramiz. Ularning CDN tezkor javob vaqtiga ega va bizning saytimiz va ularning platformasi o'rtasida kechikish kam uchraydi.

Jeff Romero: bu sahifaning tezligini ancha tezlashtiradi

Biz kichik biznes subyektlari uchun Wordpress-da maxsus veb-saytlarni ishlab chiqamiz. Biz tarixan rasmlardan ijtimoiy media profillaridan tortib telefon va elektron pochta piktogrammalarigacha veb-saytlarimizda turli piktogrammalarni namoyish qilish uchun foydalanganmiz. Tasvirni piktogramma uchun ishlatish jarayoni piktogrammalarning izchil to'plamini topishni, ularni yuklashni va keyin saytga mos kelishini tekshirish uchun o'lchamlarini talab qiladi.

Kichik rasmli fayl bo'lsa-da, izchil to'plamlarni olish va ularni sayt shabloniga mos keltirish birozgina jarayon. Endi, Font Awesome va uning Wordpress plaginidan foydalanib, biz piktogrammalarning o'rnini bosishimiz mumkin, bu shunchaki HTML satridan nusxa ko'chirishni / qo'yishni talab qiladi. Bundan ham yaxshi tomoni shundaki, piktogrammalarning hajmini ozgina CSS yordamida o'zgartirish mumkin (shrift o'lchamlari xususiyatidan foydalanish). Piktogrammalar rasmga asoslangan piktogrammadan yaxshiroq ko'rinadi va ular mobil qurilmalarda aniq ko'rinadi. Va nihoyat, bu rasm faylidan ko'ra HTML-ning chizig'i bo'lgani uchun, sahifaning tezligini ancha tezlashtiradi.

Vance: ayniqsa sizning jamoangizda dizayner bo'lmasa, juda yaxshi

Veb-dastur ishlab chiqaruvchisi sifatida Font Awesome dasturidan ko'plab yoqimli piktogrammalar uchun tezkor echim sifatida foydalanaman. Aytilishicha, Shrift Ajoyib, ayniqsa sizning guruhingizda dizayneringiz bo'lmagan taqdirda juda yaxshi. Bu Wordpress plaginlarini ishlab chiqish uchun qulaydir, chunki ishlab chiqaruvchilar ularni hech qachon Font Awesome-ning CDN-laridan foydalanib o'z plaginlariga joylashtirishi mumkin edi.

Font Awesome bilan ishlash tajribam hozirgacha yaxshi. Ammo bu uning kamchiliklari yo'q degani emas. Aniq kamchiliklardan biri bu sahifani yuklash tezligi (ishlash). Bu tezkor echim bo'lganligi sababli, siz bir nechta piktogramlardan foydalansangiz ham, siz barcha ikonkalar to'plamini kiritishingiz kerak. Bu veb-saytni yuklash tezligini va Google Page Speed ​​(PSI) ballarini kamaytirishi mumkin.

Quyoshli Eshli: oddiy, toza va yangi tashrif buyuruvchilar uchun darhol taniladigan

Biz veb-saytimiz pastki qismida Shriftning ajoyib piktogrammalaridan foydalanamiz. Xususan, biz Facebook, Twitter va LinkedIn piktogrammalaridan ijtimoiy media kanallarimizga murojaat qilish uchun foydalanamiz. Ular sodda, toza va darhol yangi tashrif buyuruvchilar uchun tanish. Font Awesome-ning boshqa foydalanuvchilariga ma'lum bo'lishicha, ularni sozlash juda tez va oson edi.

Burak O'zdemir: Tuk belgilari haddan tashqari DOM hajmiga olib kelmaydi

Feather Icons - bu Koul Bemis tomonidan ishlab chiqilgan va o'qib chiqiladigan o'qiladigan va yoqimli ochiq manbali piktogrammalar to'plami. 2020 yil iyun holatiga ko'ra, 280 dan ortiq piktogramma mavjud. Feather Icons tomonidan taqdim etilgan barcha ikonkalar MIT litsenziyalangan va SVG-fayllar sifatida alohida yuklab olinishi mumkin. Siz ularni yuklab olishdan oldin, Feather Icon veb-saytida piktogramma hajmini, piktogramma rangini va chizish kengligini sozlashingiz mumkin.

Agar siz dasturchi bo'lsangiz yoki ba'zi asosiy oldingi vazifalarni qanday bajarishni bilsangiz, Feather Icons veb-saytingiz yoki loyihangiz uchun ajoyib tanlov bo'lishi mumkin. Ushbu engil piktogrammalar modulli JavaScript kutubxonasi bilan ta'minlanishi mumkinligi sababli ular ortiqcha DOM o'lchamiga olib kelmaydi, bu sizning veb-sahifangiz ishiga ziyon etkazishi mumkin. Shunday qilib, Feather Icons-dan foydalanib, sahifani yuklash tezligini bozorda mavjud bo'lgan boshqa to'plamlarga qaraganda ko'proq tushirishingiz mumkin. Ushbu piktogramma to'plamidan foydalanishning yagona salbiy tomoni shundaki, siz ko'plab savdo belgilarini topa olmaysiz.