Жеке белгі шрифтін қалай жасауға болады

Мазмұны:

Жеке белгі шрифтін қалай жасауға болады
Жеке белгі шрифтін қалай жасауға болады

Бейне: Жеке белгі шрифтін қалай жасауға болады

Бейне: Жеке белгі шрифтін қалай жасауға болады
Бейне: 1 1 2 шрифт №10 2024, Мамыр
Anonim

Бұрын сайттар құру кезінде растрлық белгішелерді пайдалану керек болды. Бұл әдемі болды, бірақ әртүрлі себептерге байланысты ыңғайсыз болды. Бүгінгі күні векторлық белгішелер растрлық белгішелердің орнын басты. Бұл сіздің сайтыңызды безендіретін және сергітетін түпнұсқа және талғампаз шешім.

Қаріптің белгішесінің мысалы
Қаріптің белгішесінің мысалы

Нұсқаулық

1-қадам

Белгішелерден қаріптер жасауға арналған жақсы веб-қызмет бар. Ол Fontastic деп аталады. Бұл мүлдем тегін және жарнамасыз. Бірінші қадам - қызмет көрсету веб-сайтына тіркелу. Fontastic.me веб-сайтына кіріп, электрондық пошта мекен-жайын енгізу өрісіне енгізіп, пароль жасаңыз, содан кейін үлкен сары батырманы басыңыз «Белгіше шрифтін жасаңыз». Кейде сәтті тіркеуді растайтын ақпарат көрсетілмеген жағдайда болады. Бұл туралы алаңдамаңыз, келесі қадамға өтіңіз.

Fontastic қызметіне тіркелу
Fontastic қызметіне тіркелу

2-қадам

Енді жоғарғы оң жақ бұрышта орналасқан «Кіру» батырмасын басыңыз. Ашылған бетте электрондық поштаңыз бен пароліңізді қайтадан енгізіңіз, «Кіру» батырмасын басыңыз.

Бірнеше секунд күткеннен кейін белгішелерден қаріптер жасауға арналған панель ашылады.

Фонтастикалық басқару тақтасына кіріңіз
Фонтастикалық басқару тақтасына кіріңіз

3-қадам

Мұнда белгішелердің үлкен таңдауы бар. Тінтуірдің көмегімен сізге ұнайтын белгішелерді басу арқылы қанша белгішені таңдаңыз. Жоғарғы жағында «ЖАРИЯЛАУ» сөзінен кейін таңдалған белгішелер саны көрсетіледі.

Векторлық белгішелерді таңдау
Векторлық белгішелерді таңдау

4-қадам

Егер сізге ұсынылған нөмірден белгішелер жеткіліксіз болса, парақтың төменгі жағына қарай жылжып, «Қосымша белгішелер қосу» деген батырманы табыңыз. Оны басыңыз.

Белгішелер қосу
Белгішелер қосу

5-қадам

Қосымша белгішелер бумасы бар бет ашылады. Олардың кейбіреулері ақылы («Премиум» деген белгімен), кейбіреулері ақысыз. Қосымша белгішелерді белсендіру үшін таңдалған бумалардағы «АКТИВАЦИЯЛАУ» батырмасын басыңыз. Енді олар жоғарғы мәзірдегі «Үй» батырмасын басу арқылы басқару панелімен жұмыс істеуге кіріскен кезде қол жетімді белгішелердің жалпы тізімінде пайда болады.

Белгішелік бумаларды қосу
Белгішелік бумаларды қосу

6-қадам

Егер сізге өзіңіздің белгішелеріңізді қосу қажет болса, онда оң жақта орналасқан сол бетте «ИМОНДЫҚ БЕЛГІЛЕРІ» батырмасын басыңыз. Енді сіз өзіңіздің белгішелеріңізді жүктей аласыз. Тек SVG векторлық форматына қолдау көрсетілетінін ескеріңіз.

Өзіміздің векторлық белгішелерімізді қосыңыз
Өзіміздің векторлық белгішелерімізді қосыңыз

7-қадам

Қажетті белгішелер санын таңдап, «ДАҢДАУ» батырмасын басыңыз. Мұнда сіз барлық таңдалған белгішелерді көресіз және оларға ерікті класс атауларын тағайындай аласыз, сол арқылы сіз оларға CSS стильдерінде сілтеме жасай аласыз. Немесе жүйенің белгішелерге тағайындаған әдепкі аттарын қалдыра аласыз.

Таңдалған векторлық белгішелерге шолу
Таңдалған векторлық белгішелерге шолу

8-қадам

«ЖАРИЯЛАУ» батырмасын басыңыз. Мұнда векторлық белгішенің құрылған қарпін жүктеуге болады («ЖҮКТЕУ» батырмасы). Қызмет жасаған қаріптер мұрағатын компьютеріңізге жүктеңіз.

Вектор белгішесінің қарпі жүктелуде
Вектор белгішесінің қарпі жүктелуде

9-қадам

Жүктелген мұрағат CSS стиліндегі файлды, белгішелер кластарының аттары бар HTML файлын және қаріптермен бірге «қаріптер» қалтасын қамтиды. Бұл белгіше шрифтін сіздің сайтыңызда пайдалануға болады.

Белгі шрифтімен мұрағаттау
Белгі шрифтімен мұрағаттау

10-қадам

Құрылған белгі шрифтін пайдалану үшін келесі әрекеттерді орындау қажет:

- архивтің мазмұнын ашыңыз және өзіңіздің сайтыңызға стильдермен каталогқа жүктеңіз;

- осы белгі шрифтімен жұмыс жасайтын барлық сайт парақтарының HEAD бөліміне CSS файлына сілтеме енгізу;

- парақ кодында біз жаңадан құрылған белгіше қарпін қолдану үшін бұрын құрылған кластардың атын қолданамыз.

Ұсынылған: