Նախկինում կայքեր ստեղծելիս հարկավոր էր օգտագործել bitmap պատկերակները: Այն գեղեցիկ էր, բայց անհարմար ՝ տարբեր պատճառներով: Այսօր վեկտորային պատկերակները փոխարինել են raster պատկերակներին: Սա յուրօրինակ և էլեգանտ լուծում է, որը զարդարելու և թարմացնելու է ձեր կայքը:
Հրահանգներ
Քայլ 1
Սրբապատկերներից տառատեսակներ ստեղծելու համար կա լավ վեբ ծառայություն: Այն կոչվում է Fontastic: Այն ամբողջովին անվճար է և չունի գովազդ: Առաջին քայլը ծառայության կայքում գրանցվելն է: Գնացեք կայք fontastic.me, մուտքագրման դաշտերում մուտքագրեք ձեր էլ. Փոստի հասցեն և ստեղծեք գաղտնաբառ, ապա կտտացրեք «Ստեղծեք ձեր պատկերակ տառատեսակը» մեծ դեղին կոճակին: Երբեմն պատահում է, որ հաջող գրանցումը հաստատող ոչ մի տեղեկատվություն չի ցուցադրվում: Մի անհանգստացեք դրա համար, անցեք հաջորդ քայլին:
Քայլ 2
Այժմ կտտացրեք վերևի աջ անկյունում գտնվող «Մուտք» կոճակին: Բացված էջում կրկին մուտքագրեք ձեր էլ. Փոստը և գաղտնաբառը, սեղմեք «Մուտք» կոճակը:
Մի քանի վայրկյան սպասելուց հետո կբացվի սրբապատկերներից տառատեսակներ ստեղծելու վահանակը:
Քայլ 3
Ահա սրբապատկերների մեծ ընտրություն: Սեղմելով մկնիկի վրա ձեզ դուր եկած սրբապատկերները, ընտրեք այնքան շատ սրբապատկերներ, որքան ձեզ հարկավոր է: Վերևում, «ՀՐԱՊԱՐԱԿԵԼ» բառից հետո նշվում է ընտրված պատկերակների քանակը:
Քայլ 4
Եթե ներկայացված համարից բավականաչափ պատկերակներ չունեք, ոլորեք ներքև ՝ էջի ներքևում և գտեք «Ավելացրեք ավելի շատ պատկերակներ» գրությամբ կոճակը: Կտտացրեք այն
Քայլ 5
Կբացվի էջ ՝ պատկերակների լրացուցիչ փաթեթներով: Նրանցից ոմանք վճարովի են («Պրեմիում» պիտակով), ոմանք էլ անվճար են: Լրացուցիչ պատկերակները ակտիվացնելու համար սեղմեք ընտրված փաթեթների «ԱԿՏԻՎԱՈՒՄ» կոճակը: Այժմ դրանք կհայտնվեն մատչելի պատկերակների ընդհանուր ցուցակում, երբ անցնեք կառավարման վահանակի գործը ՝ կտտացնելով վերևի ցանկի «Տուն» կոճակին:
Քայլ 6
Եթե Ձեզ անհրաժեշտ է ավելացնել ձեր սեփական պատկերակները, ապա աջից վերև գտնվող նույն էջում կտտացրեք «ՆԵՐՄՈՒՄԱՆ ՊԱՏԿԵՐՆԵՐ» կոճակին: Այժմ կարող եք վերբեռնել ձեր սեփական պատկերակները: Խնդրում ենք նկատի ունենալ, որ աջակցվում է միայն SVG վեկտորի ձևաչափը:
Քայլ 7
Ընտրելով անհրաժեշտ թվաքանակի պատկերակները, սեղմեք «ԱՆՍԱՍՏԱՆԵԼ» կոճակը: Այստեղ դուք կտեսնեք ընտրված բոլոր պատկերակները, և նրանց կարող եք նշանակել կամայական դասի անուններ, որոնցով դուք կանդրադառնաք նրանց CSS ոճերում: Կամ կարող եք թողնել լռելյայն անունները, որոնք համակարգը նշանակել է սրբապատկերներին:
Քայլ 8
Սեղմեք «ՀՐԱՊԱՐԱԿԵԼ» կոճակը: Այստեղ կարող եք ներբեռնել ստեղծված վեկտորի պատկերակի տառատեսակը («ԲԵՌՆԵԼ» կոճակը): Ներբեռնեք ծառայության կողմից ստեղծված տառատեսակների արխիվը ձեր համակարգչում:
Քայլ 9
Ներբեռնված արխիվը պարունակում է CSS ոճի ֆայլ, HTML ֆայլ ՝ պատկերակների դասերի անուններով և «տառատեսակներ» պանակ ՝ տառատեսակներով: Այս պատկերակի տառատեսակը կարող է օգտագործվել ձեր կայքում:
Քայլ 10
Ստեղծված պատկերակի տառատեսակն օգտագործելու համար հարկավոր է անել հետևյալը.
- բացել արխիվի պարունակությունը և ոճերով ներբեռնել գրացուցակում:
- տեղադրեք հղում դեպի CSS ֆայլ դեպի կայքի բոլոր էջերի HEAD բաժնում, որոնք կաշխատեն այս պատկերակի տառատեսակի հետ;
- էջի ծածկագրում մենք օգտագործում ենք նախկինում ստեղծված դասերի անունը `նորաստեղծ պատկերագրի տառատեսակն օգտագործելու համար:
