Буга чейин сайттарды түзүүдө битмап сүрөтчөлөрүн колдонууга туура келген. Бул кооз, бирок ар кандай себептерден улам ыңгайсыз болчу. Бүгүнкү күндө вектордук иконалар растрдык сүрөтчөлөрдүн ордуна келди. Бул оригиналдуу жана саркеч чечим, ал сиздин сайтыңызды кооздоп, сергитет.
Нускамалар
1 кадам
Иконалардан шрифттерди жаратуу үчүн жакшы веб кызматы бар. Бул Fontastic деп аталат. Бул толугу менен акысыз жана жарнамасыз. Биринчи кадам - тейлөө сайтына катталуу. Fontastic.me веб-сайтына кирип, электрондук почта дарегиңизди киргизүү талааларына киргизип, сыр сөздү түзүңүз, андан кийин чоң сары баскычты чыкылдатыңыз "Белгиңиздин шрифтин түзүү". Кээде ийгиликтүү каттоону тастыктаган маалымат көрсөтүлбөй калат. Буга кабатыр болбоңуз, кийинки кадамга өтүңүз.
2-кадам
Эми жогорку оң бурчта жайгашкан "Кирүү" баскычын чыкылдатыңыз. Ачылган бетте электрондук почтаңызды жана паролду дагы киргизип, "Кирүү" баскычын басыңыз.
Бир нече секунд күткөндөн кийин, иконалардан шрифттерди түзүү панели ачылат.
3-кадам
Бул жерде сүрөтчөлөрдүн чоң тандоосу бар. Чычкан менен өзүңүзгө жаккан сүрөтчөлөрдү чыкылдатып, канча керек болсо, ошончо сүрөтчөнү тандаңыз. Жогору жагында, "ЖАРЫЯЛА" деген сөздөн кийин, тандалган сүрөтчөлөрдүн саны көрсөтүлөт.
4-кадам
Эгер көрсөтүлгөн номерден сизге жетиштүү сүрөтчөлөр жок болсо, барактын ылдый жагына жылдырып, "Дагы сүрөтчөлөрдү кошуңуз" деген баскычты табыңыз. Аны чыкылдатыңыз.
5-кадам
Кошумча сөлөкөт пакеттери бар барак ачылат. Алардын айрымдары акы төлөнөт ("Премиум" деген жазуу бар), айрымдары акысыз. Кошумча сүрөтчөлөрдү жандыруу үчүн, тандалган таңгактардагы "ЖАНДОО" баскычын басыңыз. Эми алар жогорку менюдагы "Башкы бет" баскычын чыкылдатып, башкаруу панелинен баштасаңыз, жеткиликтүү сүрөтчөлөрдүн жалпы тизмесинде пайда болот.
6-кадам
Эгер сиз өзүңүздүн сүрөтчөлөрүңүздү кошушуңуз керек болсо, анда жогорудагы оң жактагы ошол эле баракчада "ИМПОРТТОРДУ ИШТӨӨ" баскычын чыкылдатыңыз. Эми өзүңүздүн иконаларыңызды жүктөй аласыз. Эске салсак, SVG вектордук форматы гана колдоого алынат.
7-кадам
Керектүү сөлөкөттөрдү тандап алып, "ЖЕҢИЛДЕШТИРҮҮ" баскычын басыңыз. Бул жерде сиз тандалган бардык иконаларды көрө аласыз жана аларга CSS стилдеринде шилтеме берүү менен, каалаган класстын аттарын берсеңиз болот. Же болбосо, система белгилерге дайындаган демейки аттарын калтырсаңыз болот.
8-кадам
"ЖАРЫЯЛОО" баскычын басыңыз. Бул жерден сиз вектор сүрөтчөсүнүн шрифтин жүктөп алсаңыз болот ("ЖҮКТӨӨ" баскычы). Кызмат тарабынан түзүлгөн арип архивин компьютериңизге жүктөп алыңыз.
9-кадам
Жүктөлгөн архивде CSS стилиндеги файл, сөлөкөттөр класстарынын аттары менен HTML файлы жана шрифттер менен "ариптер" папкасы бар. Бул сөлөкөт шрифти сиздин веб-сайтыңызда колдонсо болот.
10-кадам
Түзүлгөн сүрөтчө шрифтин колдонуу үчүн төмөнкүлөрдү жасашыңыз керек:
- архивдин мазмунун таңгактан чыгарып, өзүңүздүн сайтка стилдер менен каталогго жүктөө;
- ушул сүрөтчө шрифти менен иштей турган бардык сайт баракчаларынын HEAD бөлүмүнө CSS файлына шилтеме киргизиңиз;
- барактын кодунда, жаңы түзүлгөн сүрөтчө шрифтин колдонуу үчүн мурун түзүлгөн класстардын атын колдонобуз.
