Shrift ajoyib: Kutubxonada to'liq qo'llanma

Bepul piktogramma shrift ajoyib: nima va u nima uchun ishlatiladigan narsa. Saytga piktogrammani qanday ulash kerak. Kutubxonaning afzalliklari va kamchiliklari.

Shrift ajoyib ikonka: yakuniy qo'llanma

Shrift ajoyib - bu CSS-ga asoslangan shriftlar va piktogrammalar to'plami. Tool sizga saytga barcha turdagi piktogrammalarni tezda ulash imkonini beradi, uning dizayni va foydalanish qobiliyatini sezilarli darajada yaxshilanadi. Bir nechta kodni kiritish kifoya.

Shrift ajoyib sizga CSS bilan osongina shaxsiylashtirishingiz mumkin bo'lgan masofaviy vektorli ikonkalarni beradi - siz kattalikdagi, rang, soyalar va boshqalarning hammasi.

Shriftning ajoyib kutubxonasi siz uchun eng yaxshi takliflarning katta to'plamiga ega. Siz noyob piktogrammalaringiz bilan loyihangizni yaxshilaysiz. Aslida, bu sizning barcha maqsadlaringiz uchun foydalanishingiz mumkin bo'lgan barcha turdagi piktogrammalarning katta to'plami.

Shontashirda  Barcha piktogrammalar   mutlaqo va butunlay bepul. Kutubxona GNUning umumiy davlat litsenziyasi bo'yicha litsenziyaga ega. Bu shuni anglatadiki, bu tijorat loyihalarida erkin foydalanish va hamma joyda, umuman olganda.

Saqlash Deyv Gandi tomonidan yaratilgan. Unda u bepul ijtimoiy media piktogrammalari, foydalanuvchi interfeysini yaxshilash uchun piktogrammalar mavjud.

Odatda, shriftning ajoyib shriftlari quyuq va boottrapcdn bilan birgalikda qo'llaniladi. Shrift ajoyib, mashhurlikdagi Google shriftlari uchun ikkinchisidir.

U qanday ishlaydi

Asosiy xususiyati shundaki, barcha shriftlarning ajoyib piktogrammalari statik tasvir emas. Ular shrift formatida. Boshqacha aytganda, bu belgi shriftlari. Masalan, qidirish belgisi yoki ijtimoiy tarmoq logotipi A, B, c kabi oddiy belgilar bilan bir xil.

Shahar vektorlari yordamida yaratilgan shrift ajoyib piktogrammalari yaratilgan. Shuning uchun ular deyarli har qanday o'lchamga ko'paytirilishi mumkin.

Barcha mavjud piktogrammalar bitta shrift fayliga kiritilgan. Ushbu faylni rasmiy saytdan yuklab olishingiz va uni uslublarga ulashingiz kerak.

Nima uchun dizaynerlar shrift ajoyib tanlanadi

Shrift ajoyib bir qator afzalliklarga ega:

• Tez ulanish. Siz shunchaki rasmiy veb-saytdan maxsus faylni yuklab olishingiz va CSS kodida unga yo'lni ko'rsatib, ulashingiz kerak.
• Moslashuvchanlik va targ'ibot. Belgilar har qanday o'lchamda kattalashtirilishi mumkin. Belgilar mos keladiganidek aniq bo'ladi. Javob beriladigan dizayn asrida bu juda muhim. Aytgancha, xuddi shu sababga ko'ra,  Shrift Ajoyib piktogramma   retina displeyi uchun mos keladi.
• Stilizat. Belgilar rangda, o'lcham, soya yoki boshqa har qanday tashqi parametrlarda osongina o'zgartirilishi mumkin. Dizayner muntazam matnning barcha afzalliklarini oladi. Siz shuningdek piktogrammalarni aylantirishingiz mumkin. Masalan, tempelni eksangiz yoki 90 daraja aylantiring.
• Saytning tez yuklanishi.  Barcha piktogrammalar   bitta shrift fayliga kiritilgan. Shunday qilib, faqat shrift ajoyib tarzda yuklash uchun bitta HTTP so'rovini oladi. Bu veb-sayt ishlashi uchun juda yaxshi.
• Brauzerlarni sevish. Shrift ajoyib - bu krossoker vositasidir. Shriftlar va piktogrammalarning muvofiqligi haqida tashvishlanishingiz shart emas. Ular barchasini yaxshi qo'llab-quvvatlaydilar. Hatto eski IE8.
• Turli xil ramkalarga mos keladi. Kutubxona asosan dots ustida yaratilgan. Biroq, bu boshqa asoslarda ham yaxshi ishlaydi.
• Bir nechta formatlar. Asbob .Eot, .TtF, .Of va SVG formatida mavjud. Shunday qilib, shrift boshqa veb-shriftlar kabi qo'llaniladi.
• JavaScript talab qilinmaydi. Shrift ajoyib yugurish uchun JavaScriptni talab qilmaydi.

Shunday qilib, shrift ajoyib va ​​qulay vositadir, bu tartib vaqtini sezilarli darajada tejaydi va veb-saytingizni tezlashtiradi.

Shrift ajoyib kamchiliklari

Asbob ham kamchiliklarga ega. Yaxshiyamki, ularning ko'pi yo'q.

Birinchidan, piktogrammalar faqat bitta rangda bo'yash mumkin. Biroq, bu cheklovni to'xtatish mumkin. Masalan, bepul piktogrammalarni bir-biri bilan birlashtirish. Yoki CSS effektlaridan foydalanish

Ikkinchidan, shrift ajoyib kutubxonada juda ko'p piktogrammalar mavjud va ularning barchasi bitta faylga kiritilgan. Agar dizayner yoki tartib dizayneri faqat bir nechta piktogrammani ulash kerak bo'lsa, ular hali ham butun kutubxonani to'liq yuklashlari kerak. Va bu joylar bo'sh joyni egallaydigan yuz minglab qo'shimcha qo'shimcha piktogramma. Biroq, bu erda echim bor - o'zingizning assambleyangizni yaratish, unda faqat kerakli piktogrammalarni o'z ichiga oladi.

Shrift ajoyib versiyalari: 5 va 6

Shrift ajoyib 5 2017 yil 7 dekabrda chiqarilgan va dastlab 1278 piktogramma mavjud. Beshinchi versiya ikkita paketda keladi: bepul (shrift ajoyib bepul) va to'lanadi (shrift ajoyib Pro). Bepul rejada barcha to'rtinchi versiyalardan piktogrammalar mavjud. Piktalar Sil Opew Font-dagi 1,1, ijodiy kubog 'atayoni 4.0 va MIT.

Shrift ajoyib 6 - bu 2020 yilning ikkinchi yarmida chiqarilgan yangi versiya. U yangi piktogrammalarni o'z ichiga oladi va faqat pullik rejada mavjud.

Shrift ajoyib 6 alfa, shuningdek, 2021 yilda yo'lda. Bu yana bir yangi avlod kutubxonasining yana bir yangi avlodi. Yangi piktogrammalarga qo'shimcha ravishda, 6 ta alfha yangi uslublar, yangi xizmatlar va yordamchi vositalarni qo'shadi. Foydalanuvchilar oldindan buyurtma berishlari mumkin.

Bepul va pullik rejalar: farqlar va xususiyatlar

Siz bepul yoki pulli tarif rejasi uchun piktogrammalarni yuklab olishingiz mumkin.

Bepul rejada 1600 dan ortiq piktogrammalar va 1 ta to'plamni o'z ichiga oladi. Kit - bu piktogrammalar, uslublar va sozlamalar to'plamidir, bu sizga kodni qo'shmasdan tezda o'zgartirish imkonini beradi.

To'langan tarif:

• 7800 dan ortiq piktogramma va 20 to'plamni o'z ichiga oladi.
• Shrift ajoyib Pro-ga kirishni ta'minlaydi. Bu shuni anglatadiki, piktogrammalarda va kompyuteringizda (masalan, matn muharriri yoki PowerPoint-da taqdimotda).
• O'zingizning piktogrammaingizni yuklashga imkon beradi. Siz o'zingizning piktogrammalaringizdan yoki rasmiy shriftning ajoyib piktogrammalari joyida foydalanishingiz mumkin. Masalan, kompaniyaning logotipini qanday yuklashingiz mumkin. Siz xuddi shu harakatlarni o'zingizning piktogrammalaringiz bilan bajarishingiz mumkin - uslub, o'lcham, rang va boshqalar.

Ikkala versiya ham doimiy. Ya'ni, ular bir marta va hamma uchun beriladi.

Shrift ajoyibligini ulash usullari

Birinchidan, siz rasmiy veb-saytga borishingiz va kutubxonani yuklab olishingiz kerak. Yuklab olingan arxivni o'rash kerak va CSS va shrift papkalari sizning sayt papkangizga ko'chirilgan.

Shundan so'ng, kutubxona fayliga yo'l bosh teglari o'rtasida belgilanadi. Masalan:

Veb-saytda shrift ajoyib piktogrammalarini qanday ko'rsatish kerak. Eng mashhur usullar:

1. HTML-ni olish

Eng oson usul.

Siz rasmiy veb-saytda galereyaga (Fontawesome.com/icons?dconalery) borishingiz kerak va o'zingiz yoqtirgan belgini tanlang. Har bir belgi shaxsiy kodga ega, masalan: Kodeksda kerakli joyda nusxalash va joylashtirish kifoya.

2. CSS orqali

Buning uchun, keyin yoki undan oldin soxta elementlardan, shuningdek, kerakli belgisining amatikasi. Siz buni bir xil galereyada olishingiz mumkin. Bunday kodning misoli: F209.

Faylning kirishiga misol:

Div :: keyin {displey: blok; Tarkib: 'F209'; Shrift-oila: "shrift ajoyib 5 bepul";}

Xulosa qilib: barcha shrift ajoyib piktogramma

Shunday qilib, shriftingiz veb-saytingizga bepul piktogramma qo'shishning tez va qulay usulidir.  Barcha piktogrammalar   osonlikcha tarqaladi va saytni sekinlashtirmaydi.