Ilgari, saytlarni yaratishda bitmap piktogrammalaridan foydalanishingiz kerak edi. Bu chiroyli edi, ammo turli sabablarga ko'ra noqulay edi. Bugungi kunda vektorli piktogramma raster piktogramma o'rnini egalladi. Bu saytingizni bezatadigan va yangilaydigan asl va oqlangan echim.
Ko'rsatmalar
1-qadam
Piktogrammalardan shriftlarni yaratish uchun yaxshi veb-xizmat mavjud. Bu "Fontastic" deb nomlangan. Bu butunlay bepul va reklama yo'q. Birinchi qadam - xizmat veb-saytida ro'yxatdan o'tish. Fontastic.me veb-saytiga o'ting, kirish maydoniga elektron pochta manzilingizni kiriting va parol yarating, so'ngra "Belgingiz shriftini yarating" degan katta sariq tugmani bosing. Ba'zan shunday bo'ladi, muvaffaqiyatli ro'yxatdan o'tganligini tasdiqlovchi ma'lumot ko'rsatilmaydi. Bu haqda tashvishlanmang, keyingi bosqichga o'ting.
2-qadam
Endi yuqori o'ng burchakda joylashgan "Kirish" tugmachasini bosing. Ochilgan sahifada elektron pochta va parolingizni qayta kiriting, "Kirish" tugmachasini bosing.
Bir necha soniya kutgandan so'ng piktogrammalardan shriftlarni yaratish paneli ochiladi.
3-qadam
Bu erda piktogrammalarning katta tanlovi mavjud. Sichqoncha bilan sizga yoqadigan piktogrammani bosish orqali kerakli miqdordagi piktogrammani tanlang. Yuqorida, "PUBLISH" so'zidan keyin tanlangan piktogramma soni ko'rsatilgan.
4-qadam
Agar sizga ko'rsatilgan raqamdan piktogramma etarli bo'lmasa, sahifaning pastki qismiga o'ting va "Qo'shimcha piktogramma qo'shish" tugmachasini toping. Uni bosing.
5-qadam
Qo'shimcha piktogramma to'plami bo'lgan sahifa ochiladi. Ulardan ba'zilari pullik ("Premium" yorlig'i bilan), ba'zilari bepul. Qo'shimcha ikonkalarni faollashtirish uchun tanlangan paketlardagi "ACTIVATE" tugmasini bosing. Endi ular yuqori menyuda "Uy" tugmachasini bosish orqali boshqaruv paneli bilan ishlashni boshlash paytida mavjud piktogrammalarning umumiy ro'yxatida paydo bo'ladi.
6-qadam
Agar sizga o'zingizning piktogrammalaringizni qo'shishingiz kerak bo'lsa, u holda o'ng tomondagi yuqori qismdagi "IMPORT ICONS" tugmasini bosing. Endi o'zingizning piktogrammalaringizni yuklashingiz mumkin. Iltimos, faqat SVG vektor formati qo'llab-quvvatlanishini unutmang.
7-qadam
Kerakli sonli piktogrammani tanlab, "XUSUSIYATLASH" tugmachasini bosing. Bu erda siz barcha tanlangan piktogrammalarni ko'rasiz va ularga o'zboshimchalik bilan sinf nomlarini belgilashingiz mumkin, bu orqali ularga CSS uslublarida murojaat qilishingiz mumkin. Yoki tizim piktogrammalarga tayinlagan standart nomlarni qoldirishingiz mumkin.
8-qadam
"PUBLISH" tugmasini bosing. Bu erda siz yaratilgan vektor piktogramma shriftini yuklab olishingiz mumkin ("DOWNLOAD" tugmasi). Xizmat tomonidan yaratilgan shrift arxivini kompyuteringizga yuklab oling.
9-qadam
Yuklab olingan arxivda CSS uslubidagi fayl, piktogramma sinflari nomlari bilan HTML fayli va shriftlar bilan "shriftlar" papkasi mavjud. Ushbu belgi shrifti veb-saytingizda ishlatilishi mumkin.
10-qadam
Yaratilgan belgi shriftidan foydalanish uchun quyidagilarni bajarish kerak:
- arxiv tarkibini oching va uslublar bilan katalogga saytingizga yuklang;
- ushbu belgi shrifti bilan ishlaydigan barcha sayt sahifalarining HEAD bo'limiga CSS fayliga havolani kiritish;
- sahifa kodida biz yangi yaratilgan piktogramma shriftidan foydalanish uchun avval yaratilgan sinflar nomidan foydalanamiz.
