როგორ დააყენოთ თქვენი შრიფტი Html- ში

Სარჩევი:

როგორ დააყენოთ თქვენი შრიფტი Html- ში
როგორ დააყენოთ თქვენი შრიფტი Html- ში

ვიდეო: როგორ დააყენოთ თქვენი შრიფტი Html- ში

ვიდეო: როგორ დააყენოთ თქვენი შრიფტი Html- ში
ვიდეო: 10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | HTML Tutorial 2024, მაისი
Anonim

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

როგორ დააყენოთ თქვენი შრიფტი html- ში
როგორ დააყენოთ თქვენი შრიფტი html- ში

აუცილებელია

შრიფტის ფაილი TTF ფორმატში

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

Ნაბიჯი 1

თქვენს კომპიუტერში დამონტაჟებული შრიფტების გამოსაყენებლად შეგიძლიათ გამოიყენოთ კასკადური სტილის ფურცლების შრიფტის ოჯახის პარამეტრი. ამისათვის შეიყვანეთ შემდეგი კოდი სასურველი ნივთისთვის:

ტექსტი

ეს ბრძანება აჩვენებს Arial ტიპის ასოში მეორე დონის h2 სათაურს.

ნაბიჯი 2

თუ გსურთ გამოიყენოთ თქვენი საკუთარი შრიფტი, ჯერ უნდა ატვირთოთ მას ჰოსტინგში და ჩართოთ შესაბამისი ბრძანების გამოყენებით. TTF ფაილები შედის შემდეგი ბრძანებით:

Font-family ატრიბუტი ამ შემთხვევაში მიუთითებს ტიპაჟის სახელს, ხოლო src: url (font.ttf) განსაზღვრავს TTF ფაილისკენ მიმავალ გზას.

ნაბიჯი 3

ელემენტის ჩართვის შემდეგ შეგიძლიათ გამოიყენოთ ტექსტის საჩვენებლად:

ტექსტი

ეს ბრძანება პასუხისმგებელია შრიფტის საჭირო შრიფტის ჩვენებაზე დახრილი შრიფტით მეორე დონის სათაურში. თუ მომხმარებლის ბრაუზერი მხარს არ უჭერს TTF ფაილების მართვას, გამოყენებული იქნება სისტემის შრიფტი პირველი მძიმის შემდეგ (ამ შემთხვევაში, Verdana).

ნაბიჯი 4

ზოგიერთ ბრაუზერს არ აქვს ჩამოტვირთვა TTF. მაგალითად, Internet Explorer 8 იყენებს EOT ფორმატს ტექსტის საჩვენებლად. ამგვარი ბრაუზერებისათვის, ორიგინალი TTF გადააკეთეთ მრავალი სერვისის გამოყენებით და მიღებული ტიპაჟი ჩართეთ @ font-face პარამეტრში იმავე გზით.

ნაბიჯი 5

თუ გსურთ სხვა რესურსიდან გჭირდებათ ფაილის იმპორტი, გამოიყენეთ ბრძანება @import, რომელიც უნდა იყოს დაწერილი CSS დოკუმენტის ზედა ნაწილში:

@import url (https:// font_address)

გირჩევთ: