როგორ შევქმნათ საკუთარი ხატის შრიფტი

Სარჩევი:

როგორ შევქმნათ საკუთარი ხატის შრიფტი
როგორ შევქმნათ საკუთარი ხატის შრიფტი

ვიდეო: როგორ შევქმნათ საკუთარი ხატის შრიფტი

ვიდეო: როგორ შევქმნათ საკუთარი ხატის შრიფტი
ვიდეო: როგორ შევქმნათ საიტი. სრული გაკვეთილი 2024, ნოემბერი
Anonim

ადრე საიტების შექმნისას გიწევდათ bitmap ხატების გამოყენება. ეს იყო ლამაზი, მაგრამ მოუხერხებელი სხვადასხვა მიზეზების გამო. დღეს ვექტორულმა ხატებმა შეცვალეს რასტრული ხატები. ეს არის ორიგინალური და ელეგანტური გამოსავალი, რომელიც დაამშვენებს და განაახლებს თქვენს საიტს.

ხატულის შრიფტის მაგალითი
ხატულის შრიფტის მაგალითი

ინსტრუქციები

Ნაბიჯი 1

ხატულებიდან შრიფტების შესაქმნელად კარგი ვებ – სერვისი არსებობს. ამას Fontastic ეწოდება. ეს არის უფასო და არ არის რეკლამა. პირველი ნაბიჯი არის მომსახურების ვებ – გვერდზე დარეგისტრირება. გადადით ვებ – გვერდზე fontastic.me, შეიყვანეთ თქვენი ელ.ფოსტის მისამართი შეყვანის ველებში და შექმენით პაროლი, შემდეგ დააჭირეთ დიდ ყვითელ ღილაკს „შექმენით თქვენი ხატულის შრიფტი“. ზოგჯერ ხდება, რომ წარმატებული რეგისტრაციის დამადასტურებელი ინფორმაცია არ ჩანს. არ ინერვიულოთ ამაზე, გადადით შემდეგ ეტაპზე.

დარეგისტრირება Fontastic სერვისით
დარეგისტრირება Fontastic სერვისით

ნაბიჯი 2

ახლა დააჭირეთ ღილაკს "შესვლა", რომელიც მდებარეობს ზედა მარჯვენა კუთხეში. გახსნილ გვერდზე კვლავ შეიტანეთ ელ.წერილი და პაროლი, დააჭირეთ ღილაკს "შესვლა".

რამდენიმე წამის ლოდინის შემდეგ, ხატულებიდან შრიფტების შექმნის პანელი გაიხსნება.

შედით Fontastic პანელში
შედით Fontastic პანელში

ნაბიჯი 3

აქ მოცემულია ხატების დიდი არჩევანი. მაუსის საშუალებით თქვენთვის სასურველ ხატებზე დაწკაპუნებით შეარჩიეთ იმდენი ხატი, რამდენიც გჭირდებათ. ზედა ნაწილში, სიტყვის "გამოქვეყნების" შემდეგ, მითითებულია არჩეული ხატების რაოდენობა.

ვექტორული ხატების შერჩევა
ვექტორული ხატების შერჩევა

ნაბიჯი 4

თუ წარმოდგენილი ხატიდან საკმარისი ხატები არ გაქვთ, გადაახვიეთ გვერდის ბოლოში და იპოვნეთ ღილაკი, რომელშიც ნათქვამია "დამატებითი ხატების დამატება". დააჭირეთ მას.

ხატების დამატება
ხატების დამატება

ნაბიჯი 5

გაიხსნება გვერდი, რომელსაც აქვს დამატებითი ხატულების პაკეტები. ზოგი მათგანი ფასიანია (იარლიყით "Premium"), ზოგი უფასოა. დამატებითი ხატულების გასააქტიურებლად, დააჭირეთ ღილაკს "ACTIVATE" არჩეულ პაკეტებზე. ახლა ისინი გამოჩნდებიან ხელმისაწვდომი ხატების ზოგად ჩამონათვალში, როდესაც პანელის დასაწყებად გადახვალთ ზედა მენიუში "საწყისი" ღილაკზე დაჭერით.

ხატულების პაკეტების დამატება
ხატულების პაკეტების დამატება

ნაბიჯი 6

თუ საჭიროა თქვენი საკუთარი ხატების დამატება, შემდეგ იმავე გვერდზე, ზედა მარჯვენა მხარეს, დააჭირეთ ღილაკს "IMPORT ICONS". ახლა უკვე შეგიძლიათ ატვირთოთ თქვენი საკუთარი ხატები. გთხოვთ გაითვალისწინოთ, რომ მხარდაჭერილია მხოლოდ SVG ვექტორული ფორმატი.

დაამატეთ ჩვენივე ვექტორული ხატები
დაამატეთ ჩვენივე ვექტორული ხატები

ნაბიჯი 7

არჩეული ხატების საჭირო რაოდენობის არჩევის შემდეგ დააჭირეთ ღილაკს "პერსონალიზაცია". აქ ნახავთ ყველა შერჩეულ ხატულას და შეგიძლიათ მიანიჭოთ თვითნებური კლასის სახელები, რომლითაც მათ CSS სტილში იხილავთ. ან შეგიძლიათ დატოვოთ ნაგულისხმევი სახელები, რომლებიც სისტემამ მიანიჭა ხატებს.

შერჩეული ვექტორული ხატების მიმოხილვა
შერჩეული ვექტორული ხატების მიმოხილვა

ნაბიჯი 8

დააჭირეთ ღილაკს "გამოქვეყნება". აქ შეგიძლიათ ჩამოტვირთოთ შექმნილი ვექტორული ხატის შრიფტი (ღილაკი "DOWNLOAD"). სერვისით შექმნილი შრიფტის არქივი ჩამოტვირთეთ თქვენს კომპიუტერში.

იტვირთება ვექტორის ხატის შრიფტი
იტვირთება ვექტორის ხატის შრიფტი

ნაბიჯი 9

გადმოწერილი არქივი შეიცავს CSS სტილის ფაილს, HTML ფაილს, ხატულების კლასების სახელებს და "შრიფტების" საქაღალდეს შრიფტებით. ამ ხატის შრიფტის გამოყენება შეგიძლიათ თქვენს ვებგვერდზე.

არქივი ხატის შრიფტით
არქივი ხატის შრიფტით

ნაბიჯი 10

შექმნილი ხატის შრიფტის გამოსაყენებლად უნდა გააკეთოთ შემდეგი:

- გახსენით არქივის შინაარსი და ატვირთეთ თქვენს საიტზე დირექტორიაში სტილებით;

- ჩადეთ CSS ფაილის ბმული საიტის ყველა გვერდის HEAD განყოფილებაში, რომელიც იმუშავებს ამ ხატის შრიფტით;

- გვერდის კოდში, ჩვენ ვიყენებთ ადრე შექმნილი კლასების სახელს ახლად შექმნილი ხატის შრიფტის გამოსაყენებლად.

გირჩევთ: