Վեբ մշակման համար սեփական տառատեսակի պատրաստում: Ինչպես պատրաստել գեղեցիկ տառատեսակ html-ում՝ չափսեր, գույներ, html տառատեսակների պիտակներ

Բարեւ բոլորին! Այսօր, որպես վեբ դիզայն բաժնի մաս, ուզում եմ խոսել այն տառատեսակների մասին, որոնք պետք է օգտագործվեն վեբ կայք մշակելիս։

Որպես կանոն, ոչ բոլորն են մտածում, թե ինչ տառատեսակներ պետք է օգտագործվեն կայքի բովանդակային մասի համար։ Կայքի համար գեղեցիկ տառատեսակներ ընտրելը դիզայնի մշակման ամենակարևոր մասն է: Քանի որ կայքի տեղեկատվության ընթեռնելիությունը կախված է այս մասից, և սա, ինչպես գիտենք, ամենակարևորն է կայքում։ Այդ իսկ պատճառով այս հարցին պետք է շատ լուրջ վերաբերվել։

Բայց դուք կարող եք օգտագործել միայն տառատեսակներ կայքի դիզայնում, որոնք հասանելի են կայքի ապագա այցելուներին: Սա արվում է ապահովելու համար, որ էջերը ճիշտ ցուցադրվեն բոլոր օգտագործողների համար՝ տարբեր օպերացիոն համակարգերով և բրաուզերներով: Հակառակ դեպքում, եթե դուք օգտագործում եք ոչ ստանդարտ տառատեսակներ, ապա այցելուների մեծամասնությունը ամեն ինչ կտեսնի այլ կերպ և, շատ դեպքերում, անհրապույր կերպով: Այդ իսկ պատճառով խորհուրդ է տրվում օգտագործել ստորև թվարկված ստանդարտ տառատեսակները: Տառատեսակների ցանկը ներառում է տառատեսակներ, որոնք տեղադրված են Windows XP և ավելի բարձր օպերացիոն համակարգում:

Այս հոդվածում ես չեմ համարում այլ օպերացիոն համակարգերի տառատեսակներ: Փորձառու դասավորության դիզայները պետք է իմանա տարբեր օպերացիոն համակարգերի տառատեսակների համեմատությունը, իսկ դասավորության ժամանակ նա կգրի այս կետը CSS ոճերով։

Հիմնականում դիզայնի բովանդակային մասը մշակելիս օգտագործվում են երկու տեսակի տառատեսակներ.

• serif տառատեսակներ
• sans-serif տառատեսակներ

Serif տառատեսակներ- (անգլերեն serif - serif) տառատեսակներ, որոնց ոճը սկսվում և ավարտվում է հարվածներով: Օրինակ Times New Roman.

Sans serif տառատեսակներ(կտրված տառատեսակներ) - (անգլերեն sans-serif - sans serif) տառատեսակներ խիստ, ուղիղ գծերով առանց սերիֆերի։ Օրինակ Arial.

Ստորև կարող եք տեսնել serif և sans serif տառատեսակների սքրինշոթը:

Վեբ դիզայնի տառատեսակներ.

• Արիալ
• Arial Black
• Արիալ Նեղ
• Գիրք Antiqua
• դարավոր գոթիկա
• Comic Sans MS
• Սուրհանդակ Նոր
• Ֆրանկլին գոթական միջավայր
• Վրաստան
• Ազդեցություն
• Lucida Console
• Lucida Sans Unicode
• Microsoft Sans Serif
• Palatino Linotype
• Սիլֆաեն
• Թահոմա
• Times New Roman
• Trebuchet MS
• Վերդանա
• Վեբդինգներ (տարբեր խորհրդանիշներ և նշաններ)
• Թևեր (տարբեր խորհրդանիշներ և նշաններ)

Ուզում եմ նշել նաև մի շարք տառատեսակներում շեղատառերի բացակայությունը, նրանք օգտագործում են թեքություն, ինչը դժվարացնում է տեքստը։

Windows-ի ստանդարտ տառատեսակներից, որոնք չունեն շեղագիր.

• Arial Black
• Comic Sans MS
• Ֆրանկլին գոթական միջավայր
• Ազդեցություն
• Lucida Console
• Lucida Sans Unicode
• Microsoft Sans Serif
• Սիլֆաեն
• Թահոմա

Քանի որ նշեցի տառատեսակներ, որոնք չունեն շեղ տառեր, կուզենայի նշել նաև այն փաստը, որ կան տառատեսակներ, որոնք ի սկզբանե թավ տառատեսակներ են։ Այս պատճառներով իմաստ չունի օգտագործել ոճեր, որոնք նշում են թավ տառատեսակը, քանի որ արդյունքը չի լինի այն, ինչ մեզ պետք է:

Այս հոդվածի ձեռնարկում ես ձեզ կասեմ, թե ինչպես ստեղծել ձեր սեփական տառատեսակը կայքի համար՝ օգտագործելով ձեր իսկ ստեղծած պատկերակները: Սրա համար մեզ անհրաժեշտ է միայն վեկտորային գրաֆիկա ստեղծելու ծրագիր (Adobe Illustrator կամ Inkspcape) և ինտերնետ հասանելիություն Այսպիսով, եկեք սկսենք: Դուք կարող եք ներբեռնել բոլոր պատկերները, պատկերակները և դրա համար օգտագործվող css տառատեսակը հոդվածի վերջում:

Այս ձեռնարկի համար մենք մի պարզ բան կանենք: Առաջին պատկերակի համար մենք սովորական աստղ ենք նկարելու: Երկրորդ պատկերակի համար՝ արծիվ՝ ներսում W տառով: Այն բավականին հեշտ է նկարել, և դուք կարող եք ստեղծել ցանկացած ձև և համադրություն: Այս նպատակների համար ես օգտագործեցի illustrator-ը:

Ստեղծագործական մասի ավարտից հետո ձեր ստեղծագործությունը պետք է պահպանվի SVG ձևաչափով: Կտտացրեք «Պահպանել որպես» և ընտրեք ֆայլի տեսակը որպես SVG: Այժմ կարող եք ուղղակիորեն անցնել տառատեսակի ստեղծմանը:

Այդ նպատակների համար մենք օգտագործում ենք հանրաճանաչ և անվճար IcoMoon ծառայությունը:

Առաջին բանը, որ դուք պետք է անեք, նոր նախագիծ ստեղծելն է, այնպես որ սեղմեք վերին ձախ անկյունում գտնվող ցանկի վրա և սեղմեք «Նոր նախագիծ»: Հաջորդը, մենք բեռնում ենք մեր պատրաստի svg ֆայլերը «Ներմուծման պատկերակներ» կոճակը սեղմելուց հետո: Այս քայլերը կատարելուց հետո ձեր մոնիտորի վրա պետք է տեսնեք այսպիսի պատկեր.

Այժմ մենք հնարավորություն ունենք փոխելու յուրաքանչյուր պատկերակի կոդը (մեր դեպքում դա կլինի e600 և e601), մեր տառատեսակի անունը, CSS նախածանցը և այլն։ Այս ամենը կատարվում է «Նախապատվություններ» բաժնում։ Նաև մենք կարող ենք տեսնել տառատեսակը գործողության մեջ՝ կտտացնելով «Միացնել արագ օգտագործումը» հղմանը, ինչը թույլ կտա մեզ ստանալ ժամանակավոր հղում մեր տառատեսակի, ինչպես նաև կոդը՝ CodePen-ում դիտելու տարբերակ:

Ամեն ինչ կարգավորելուց հետո սեղմեք «Ներբեռնում» կոճակը էջի ներքևում և ներբեռնեք արխիվը: Այս արխիվում դուք կգտնեք ձեր տառատեսակը ttf, eot, svg և woff ձևաչափերով + տառատեսակով ցուցադրական էջ:

Կայքում գտնվող սրբապատկերների օգտագործումը

Այժմ մեզ անհրաժեշտ է ընդամենը ներառել CSS տառատեսակը @font-face-ի միջոցով և նշել այլ պարամետրեր (դրանք բոլորը գրված են ձեր ներբեռնած արխիվի css ֆայլում։

@font-face ( տառատեսակ՝ «wdm-eagle»; src՝ url ("//yourwebsitename.com/fonts/wdm-eagle.eot"); , ( տառատեսակ՝ «wdm-eagle»; խոսել. ոչ մի տառատեսակ. տառատեսակ՝ նորմալ; -հարթեցում. մոխրագույն սանդղակ ) .wdm-star:before (բովանդակությունը՝ «\e600»; ) .wdm-eagle:before (բովանդակությունը՝ «\e601»; )

Այժմ մենք կարող ենք օգտագործել մեր տառատեսակը HTML կոդում այսպես.

Նշելով դասի անվանումը պիտակի համար մենք ստանում ենք մեր պատկերակը:

Վաղուց ոչինչ չեմ գրել, բայց ախր։
Ներկայումս զբաղվում եմ վեբ մշակմամբ և հարց առաջացավ գեղեցիկ մենյուի մասին։ Անիմացիայով, բայց առանց JS-ի կամ Flash-ի: Իհարկե, այս ամենն արվում է CSS3-ի միջոցով, և բացի այդ մենք չենք օգտագործի պատկերներ։ Ընդհանրապես.

Մենք գործարկում ենք այն, տեսնում ենք պատուհանը

Բացեք «Text > SVG Font Editor...», աջ կողմում կհայտնվի վահանակ

Կտտացրեք տառատեսակ 1-ին, փոխեք այն ձեր տառատեսակի անունով, օրինակ MySomeFont, և մաքրեք *Typeface* դաշտը դեպի աջ:

Այժմ բացեք *Գլիֆներ* ներդիրը մեր վահանակի *SVG տառատեսակի խմբագրիչ*: Ինչպես տեսնում ենք, մեզ համար արդեն ավելացվել են անգլերեն դասավորության հոլովակներ։ Դուք կարող եք ջնջել ամեն ինչ, եթե դա խանգարում է, աջ սեղմելով դրա վրա: Կարող եք նաև խմբագրել հոլովակի անվանումը և այն նույնականացնող նշանը

Եկեք սկսենք ավելացնել նկարներն իրենք:

Ներմուծեք «File > Import...» (Ctrl+I) պատկերը, որը մենք ցանկանում ենք ներառել տառատեսակի մեջ: Եթե ​​սա ռաստերային գրաֆիկա է, ապա այն ավելացնելուց հետո անհրաժեշտ է անել «Ուրվագիծ > վեկտորիզացնել ռաստեր» (Alt + Shift + B): Անձամբ ես չեմ զբաղվել ընտրանքների հետ, պարզապես սեղմեք *OK* և ստեղծվում է վեկտորային պատկեր:

Մենք ջնջում ենք ռաստերայինը (Ընտրեք այն և սեղմեք Ջնջել ստեղնը) - տողի ներքևի մասում օբյեկտ ընտրելիս գրված է՝ այն ռաստեր է (Պատկեր), թե վեկտոր (Ուրվագիծ):

Այնուհետև ձգեք ուրվագիծը դեպի աշխատանքային տարածք (վերևի վահանակում կան մուտքային տարածքներ - x: 0, y: 0; W: 1000 և H: 1000): Ես թողնում եմ ուրվագիծը ընտրված, գնում եմ մեր սիրելի վահանակ *SVG Font Editor* *Գլիֆներ* ներդիրում: Այժմ ընտրեք այն հոլովակը, որը մենք ցանկանում ենք կապել մեր ուրվագծի հետ: Թող դա լինի *a* նշանով հոլով: Այնուհետև պարզապես սեղմեք *Ստացեք կորեր ընտրությունից* կոճակի վրա: Ստուգելու համար, թե արդյոք մենք ամեն ինչ ճիշտ ենք արել, պարզապես մուտքագրեք ավելացված նշանը ներքևի *Text* դաշտում և մեր պատկերը պետք է ցուցադրվի: Ստուգելուց հետո ուրվագիծը կարող է տեղափոխվել աշխատանքային տարածքից այն կողմ կամ ջնջվել այն այլևս անհրաժեշտ չէ:

Մենք կարող ենք նաև կապել տառատեսակի բոլոր չօգտագործված նիշերը ցանկացած ուրվագծի հետ *Take from Selection*-ի միջոցով *Glyphs* ներդիրում *Բացակայող Glyph* տեքստի հետ: Գործողությունն ընթանում է այնպես, ինչպես նկարագրված է վերևում:

Ընդհանուր առմամբ, մենք ավելացրել ենք բոլոր ուրվագծերը մեր խորհրդանիշներին: Այժմ մենք պետք է մի փոքր խմբագրենք XML ֆայլը: Բացեք *XML Editor* (Shift+Ctrl+X) - կոճակը գտնվում է հիմնական վահանակի վրա՝ աջից չորրորդը: Եվ մենք պետք է փոխենք նյութի * id* հատկանիշը *

@font-face (
տառատեսակ-ընտանիք՝ «MySomeFont»;
src: url ("fonts/font.svg") ձևաչափ ("svg");
}

Դե, ընդհանուր առմամբ, այսքանը:

Ձեր կայքի համար ճիշտ տառատեսակը գտնելու բազմաթիվ եղանակներ կան: Օրինակ, դուք կարող եք օգտվել հսկայական տառատեսակների գրադարաններով ծառայություններից, որոնք պահանջում են վճարովի բաժանորդագրություն:

Եթե ​​բյուջեով եք կամ փորձարկում եք փոքր նախագիծ, կարող եք օգտագործել անվճար վեբ տառատեսակներ, որոնք հասանելի են հանրությանը: Ձեր կայքի համար ճիշտ վեբ տառատեսակ գտնելը կարող է ժամանակատար լինել, ուստի մենք ձեզ ենք ներկայացնում դրանցից լավագույնների ընտրանին:

1. Մոնսերատ

Քանի որ տպագրությունը զարգանում է, այն հեռանում է հին քաղաքային պաստառներից և ցուցանակներից: Այս տառատեսակի ստեղծողը փորձել է պահպանել քաղաքային պաստառների տպագրության գեղեցկությունը, որը նա տեսել է Բուենոս Այրեսի փողոցներում։

2. Abril Fatface

Abril Fatface-ը տառատեսակների մեծ ընտանիքի մի մասն է, որը ներկայացված է տարբեր նպատակների համար ստեղծված 18 ոճով: Այս տառատեսակն ունի ուժեղ, էլեգանտ ներկայություն, ինչը այն դարձնում է հիանալի լուծում աչք գրավող վերնագրեր ստեղծելու համար: Այն ամենից հաճախ զուգակցվում է Lato, Open Sans և Droid Sans-ի հետ։

3. Playfair Display

Հաշվի առնելով տառերի զգալի x-բարձրությունը և փոքր նիշերը, Playfair Display-ը նույնպես հարմար է վերնագիր գրելու համար, հատկապես, եթե տարածքը սահմանափակ է: Այն լավ համադրվում է Վրաստանի հետ և հաճախ օգտագործվում է Օսվալդի, Լատոյի և Արվոյի հետ:

4. GT Walsheim

Այսօր շատ բլոգներում օգտագործվող GT Walsheim-ը երկրաչափական սանսերիֆների ներկայացուցիչ է և Grilli Type ընտանիքի մի մասն է: Դուք պետք է վճարեք տառատեսակների ամբողջական փաթեթի համար, սակայն Grilli Type-ն առաջարկում է GT Walsheim-ի անվճար փորձարկում:

5. Merriweather

Եթե ​​ձեր նախագծի համար առաջնահերթություն է էկրանի ընթեռնելիությունը, ստուգեք Merriweather-ը, որը ստեղծվել է այս նպատակով: Բացի այդ, այս տառատեսակը մշտապես կատարելագործվում է։

6. Ժոզեֆին Սանս

Josefin Sans-ը ոգեշնչված է վինտաժ շվեդական դիզայնով և առանձնանում է էլեգանտ, երկրաչափական էսթետիկայով:

7. Gravitas One

Gravitas One-ը հիմնված է «UK fat face» վրա՝ համարձակ գովազդային տառատեսակ, որը հայտնվել է Անգլիայում արդյունաբերական հեղափոխության ժամանակ: Այս տառատեսակը հիանալի տեսք ունի միջինից մեծ մասշտաբով և հարմար է վերնագրերի, վերնագրերի և ներդիրների համար:

8. Յուրա

Այս տառատեսակի տառերը կրկնում են Կայա-լի տառի ձևերը։ Այն նաև պարունակում է կիրիլիցայի և հունական այբուբենի հոլովակներ։ Այն հասանելի է թեթև, նորմալ, միջին և թավ կշիռներով:

9. Լիգա գոթական

Սկզբնապես նախագծված Մորիս Ֆուլեր Բենթոնի կողմից ամերիկյան Type Founders ընկերության համար 1903 թվականին, League Gothic-ը նոր կիրառություն գտավ թարմացումներով և նոր հոլովակների ավելացումով:

10. Ֆյորդ

Ֆյորդը սերիֆային տառատեսակ է, որն ի սկզբանե ստեղծվել է տպագիր գրքերի համար և հատկապես հարմար է երկար տեքստը փոքր տպագիր ձևաչափի մեջ տեղադրելու համար: Այն կարող է օգտագործվել կայքում մեծ քանակությամբ տեքստային բովանդակություն ստեղծելու համար, քանի որ տառատեսակն ունի հստակ կառուցվածք, ընդգծված սերիֆներ և երկար, էլեգանտ գլուխներ և ոտքեր:

11. Ամարանտ

Amaranth տառատեսակների ընտանիքը առանձնանում է ոչ թեք շեղ ձևավորումով՝ փոքր կոնտրաստով և նկատելի կորերով: Բոլոր երեք Amaranth ոճերը լավ համակցված են գրեթե ցանկացած այլ տառատեսակի հետ: Դուք կարող եք խաղալ այս տառատեսակով՝ փորձարկել և ընտրել լավագույնը:

12. Պոլի

Այս միջին կոնտրաստ տառատեսակը ի սկզբանե ստեղծվել է բնիկ Wayuunaiki լեզվի համար, որը պահանջում է լայն հոլովներ: Այն առանձնանում է փոքր ցողուններով և մեծ x-բարձրությամբ, ինչը հատկապես օգտակար է դարձնում փոքր չափսերում:

13. Gentium Basic

Այս տառատեսակը ստեղծվել է որպես բազմալեզու տառատեսակ, ներառյալ լատինատառ և հունարեն տառերը, ինչպես նաև կիրիլիցա և առաջադեմ աջակցություն Gentium Plus տարբերակում: Gentium Basic-ը և Gentium Book Basic-ը հասանելի են անվճար վեբ տարբերակով, բայց սահմանափակված են միայն լատինական այբուբենով:

14. Բացեք Sans

Open Sans-ը հումանիստական ​​գրոտեսկի ներկայացուցիչ է։ Այս տառատեսակը շատ ընթեռնելի է և հարմարվում է ինչպես վեբ, այնպես էլ բջջային միջերեսներին: Սա տառերի պարզ ոճով ոչ թեք տառատեսակ է, որը բնութագրվում է չեզոք, բայց բավականաչափ հաճելի տեսքով, որը կարող է օգտագործվել տարբեր նպատակների համար:

15. Ledger Regular

Այն բազմաֆունկցիոնալ տառատեսակ է՝ մեծ x-բարձրությամբ, ուժեղ գունային հակադրությամբ և լավ սահմանված սերիֆներով, որոնք նպաստում են տեքստի ընթեռնելիությանը: Այս տառատեսակը լավ տեսք ունի ինչպես տպագիր, այնպես էլ ցածր լուծաչափով էկրանի վրա:

16. Սիգնիկա

Այս անվճար վեբ տառատեսակը sans serif-ի ներկայացուցիչն է: Ցածր կոնտրաստը և բարձր x-բարձրությունը թույլ են տալիս Signika-ին լավ ցուցադրել էկրանին: Սրբապատկերների լայն ընտրանի ներառում է խորհրդանիշներ, ժայռապատկերներ և սլաքներ:

17. Ժոզեֆին Սլաբ

Ստեղծվել է 1930-ականներին բնորոշ երկրաչափական տառատեսակի կանոնների համաձայն, սկանդինավյան առանձնահատկությունների ավելացմամբ, Josefin Slab-ն ունի սալաքարային տառատեսակի բնութագրիչներ և հիշեցնում է գրամեքենայի տառատեսակը։ Հետաքրքիր է, որ նրա x-բարձրությունը մեծատառի բարձրության կեսն է:

18. Ֆորում

Ինչպես անունն է հուշում, սա հռոմեական տառատեսակ է, որը լավ է caps lock վերնագրերի համար, բայց նաև հարմար է տեքստը ցուցադրելու համար: Այս տառատեսակի նրբագեղ համամասնությունները հիշեցնում են դասական ճարտարապետությունը՝ կիսաշրջանաձև կամարներով, հորիզոնական քիվերով և ուղղահայաց սյուներով։

Մայաների ամենահայտնի քաղաքներից մեկի անունով կոչված Tikal Sans-ն ունի գլիֆների առանձնահատկություններ, որոնք օգտագործվել են հարավամերիկյան քաղաքակրթության գրման մեջ: Դրա ստեղծողն ընտրել է մեծ x-բարձրություն, որը տառատեսակին տալիս է ժամանակակից տեսք և բարենպաստ ազդեցություն է ունենում նրա ընթեռնելիության վրա, իսկ ոճերի մեծ ընտրությունը թույլ է տալիս այն օգտագործել տարբեր նպատակներով։

20. Արվո

Հարմար է ինչպես տպագրության, այնպես էլ համացանցի համար, այս երկրաչափական սալաքար տառատեսակը հասանելի է հռոմեական, շեղ, հռոմեական թավ և թավ շեղ: Arvo-ի ցածր կոնտրաստը բարձրացնում է էկրանի ընթեռնելիությունը:

21. Բևան

Bevan-ը ստեղծվել է 1930-ականների ավանդական սալաքար տառատեսակի հիման վրա։ Տառերը թվայնացվել են, նոր ձևավորվել և օպտիմիզացվել վեբ տարբերակի համար: Սա այն սակավաթիվ սուպեր համարձակ տառատեսակներից է, որոնք հարմար են կայքերի համար:

22. Հին ստանդարտ TT

Old Standard TT-ն հիմնված էր Modern serif տառատեսակի վրա, որը տարածված էր 19-րդ դարի վերջին և 20-րդ դարի սկզբին, իսկ հետո երկար ժամանակ մոռացվեց: Այս տառատեսակը հարմար է որոշակի տեսակի բովանդակության վրա ոճ ավելացնելու համար, ինչպիսիք են գիտական ​​հետազոտությունները կամ հունարեն կամ կիրիլիցա տեքստերը:

23. Կրեոն

Իդեալական է լրատվական կայքերի և բլոգների համար՝ այս serif տառատեսակը նույնպես կիսում է slab տառատեսակի բնութագրերը, սակայն դրա հավասարակշռությունը և ցածր կոնտրաստը Kreon-ին զգալիորեն ավելի անհատական ​​են դարձնում:

24. Droid Sans

Droid Sans-ը օպտիմիզացված է առավելագույն ընթեռնելիության համար նույնիսկ փոքր ինտերֆեյսներում, ինչպիսիք են բջջային հեռախոսների էկրանների ընտրացանկերը: Սա չեզոք, ոչ թեք տառատեսակ է՝ պարզ, բաց տառատեսակներով:

25. Իտալական

Այս տառատեսակի ստեղծողը ոգեշնչվել է դասական իտալական գեղագրությունից, ուստի տառատեսակը շատ օգտակար կլինի այն նախագծերի համար, որտեղ դուք պետք է նրբագեղություն հաղորդեք: Italiana-ն նաև հարմար է նորությունների վերնագրեր գրելու համար ինչպես տպագիր, այնպես էլ էլեկտրոնային ձևաչափով:

26. Վոլքորն

Այս մանրամասն, առանձնահատկություններով հարուստ սերիֆ տառատեսակը շատ տարածված է: Նրա պարզությունն ու ամուրությունը վստահություն և էներգիա են հաղորդում՝ տառատեսակը հավասարապես արդյունավետ դարձնելով ավելի մեծ չափերով վերնագրերի և վերնագրերի համար, ինչպես նաև մեծ քանակությամբ տեքստ ավելի փոքր ձևաչափերով:

27. Դերասան

Այս տառատեսակն ունի հատկապես մեծ x-բարձրություն, որը բավականին մեծ տարածք է պահանջում։ Դերասանը նաև հնաոճ ոճ ունի որոշ կերպարների համար, ինչպիսիք են 6 և 9 համարները:

16-րդ դարից սկսած հումանիստական ​​Garamond տառատեսակը դարձել է իսկական տպագրական պատկերակ, որը հաճախ հիմք է հանդիսանում ժամանակակից տառատեսակների, այդ թվում՝ EB Garamond-ի ստեղծման համար:

31. Ubuntu

Ubuntu Grotesque-ը ստեղծվել է անհատականացնելու վեբ տեքստը ինչպես աշխատասեղանի, այնպես էլ շարժական սարքերի վրա: Օգտագործողները խրախուսվում են փորձարկել այս տառատեսակը, փոփոխել և բարելավել այն, ինչպես իրենք են հարմար գտնում:

32. Ռոսարիո

Rosario-ն դասական հումանիստական ​​sans serif է, որը կատարյալ է տեքստի պարբերությունները ոճավորելու համար:

33. Roboto Slab

Roboto Slab-ը Roboto ընտանիքի տառատեսակներից է։ Բլոկի տարբերակը հատկապես գրավիչ է իր երկրաչափական ձևերով և բաց կորերով: Այն հավասարապես հարմար է գաջեթների էկրանների և տեքստերի տպագիր տարբերակների համար:

34. Օսվալդը

Տառատեսակը դասական Alternate Gothic sans serif-ի վերամշակված տարբերակն է: Օսվալդը վերջերս թարմացվել է տարբեր կշիռներով, ընդլայնված կերպարների հավաքածուով և ավելի լավ միջուկով:

35. փակուղի

Stalemate-ը խնամված ձեռագիր տառատեսակ է՝ որոշ վինտաժային նրբությամբ: Այն հարմար է շեշտադրումներ ստեղծելու և ձեր կայքը անհատականացնելու համար:

36. Բոսորագույն տեքստ

Այս խնամքով մշակված դասական համամասնական տառատեսակը կարող է օգտագործվել ինչպես մեծ քանակությամբ տեքստեր ցուցադրելու, այնպես էլ վերնագրեր գրելու համար:

html-ում տառատեսակի չափը կարևոր դեր է խաղում։ Այն թույլ է տալիս օգտատիրոջ ուշադրությունը հրավիրել կայքի էջում տեղադրված կարևոր տեղեկատվության վրա։ Թեեւ կարեւոր է ոչ միայն տառերի չափը, այլեւ դրանց գույնը, հաստությունը եւ նույնիսկ ընտանիքը։

Թեգեր և ատրիբուտներ html տառատեսակների հետ աշխատելիս

Հիպերտեքստային լեզուն ունի տառատեսակների հետ աշխատելու գործիքների լայն շրջանակ: Ի վերջո, տեքստի ֆորմատավորումը html-ի հիմնական խնդիրն է։

HTML լեզվի ստեղծման պատճառը բրաուզերներում տեքստի ֆորմատավորման կանոնների ցուցադրման խնդիրն էր։