Ինչպես կարգավորել ձեր տառատեսակը Html- ով

Բովանդակություն:

Ինչպես կարգավորել ձեր տառատեսակը Html- ով
Ինչպես կարգավորել ձեր տառատեսակը Html- ով

Video: Ինչպես կարգավորել ձեր տառատեսակը Html- ով

Video: Ինչպես կարգավորել ձեր տառատեսակը Html- ով
Video: Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись. 2024, Մայիս
Anonim

Տառատեսակը վեբ ձևավորման բաղկացուցիչ մասն է ՝ կայքի առանձնահատուկ ոճ հաղորդելով: Էջի բարձրորակ տեքստը պետք է ներդաշնակ տեսք ունենա, զուգորդվի կայքի մնացած տարրերի հետ և միևնույն ժամանակ նպաստի տեղեկատվության ավելի լավ ընկալմանը: Օգտագործելով HTML նշագրում և CSS կասկադային աղյուսակներ, էջի աշխատանքը առավելագույնի հասցնելու համար կարող եք հարմարեցնել գրեթե ցանկացած պարամետր:

Ինչպես կարգավորել ձեր տառատեսակը html- ով
Ինչպես կարգավորել ձեր տառատեսակը html- ով

Անհրաժեշտ է

տառատեսակի ֆայլ TTF ձևաչափով:

Հրահանգներ

Քայլ 1

Ձեր համակարգչում տեղադրված տառատեսակների հավաքածու օգտագործելու համար կարող եք օգտագործել կասկադային ոճի թերթերի font-family պարամետրը: Դա անելու համար ցանկալի իրի համար մուտքագրեք հետևյալ ծածկագիրը.

Տեքստ

Այս հրահանգը Arial տառատեսակում կցուցադրի երկրորդ մակարդակի h2 վերնագիրը:

Քայլ 2

Եթե ցանկանում եք օգտագործել ձեր սեփական տառատեսակը, նախ պետք է այն վերբեռնեք հոսթինգում և միացրեք այն ՝ օգտագործելով համապատասխան հրամանը: TTF ֆայլերը ներառված են հետևյալ հրահանգով.

Տառատեսակի ընտանեկան հատկանիշը այս դեպքում նշում է տառատեսակի անվանումը, իսկ 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)

Խորհուրդ ենք տալիս: