HTML5 - Работа с шрифтове - Част 1

Един от основните аспекти при работа с текст в HTML са промените в изображението, които могат да настъпят само чрез промяна на шрифта на буквите, но има два аспекта на професионалистите, които работят във връзка с това, дизайнерите, които искат да променят всеки аспект на типографията, и програмистите, които въпреки че искат да когато работят с тях, те не искат да правят толкова дълбоки промени по този въпрос.
Свойства на шрифта
Преди да започнем работа с източниците, ще направим преглед на техните свойства, за да знаем предисторията на това:

• шрифтово семейство: Указва семейството на шрифтовете за блок текст.
• размер на шрифта: Определя размера на шрифта за блок текст.
• стил на шрифта: Определя стила на шрифта, той може да бъде нормален, курсив, наклонен.
• font-variant: Определя дали текстът на блока може да се показва с шрифт smallcaps, възможните му стойности са smallcaps и normal.
• тегло на шрифта: Определя теглото на шрифта за текстов блок, тоест дебелината му, стойностите му могат да бъдат нормални, удебелени, по -смели, по -светли.
• шрифт: Пряк път, който ви позволява да посочите шрифта в един ред.

Избор на източник
Собствеността шрифтово семейство Определяме групата шрифтове, които ще се използват, като установяваме ред на предпочитания, така че ако някой не е наличен, той се предава към следващия по ред на предпочитания. Браузърът започва с първия шрифт в списъка и продължава да се опитва за всеки от шрифтовете в установения ред, докато има такъв, който може да използва.
Това се случва, защото може да се наложи да използваме шрифтове, инсталирани на компютъра на потребителя или принадлежащи към конкретна операционна система, така че ако друг потребител не отговаря на изискванията, ние можем да контролираме как това ще повлияе на нашия документ.
И накрая, нека видим списък с общи шрифтове, които трябва да бъдат достъпни по стандартен начин за всички системи и с които не би трябвало да имаме проблеми.

• засечка
• без засечки
• курсив
• фантазия
• монопространство

Много добре, тъй като обхванахме теоретичния аспект на това как е боравенето с източници, нека видим примери с код, от който ще получим нашите знания как да приложим на практика всичко, което сме изучавали:

 Пример
Има много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор.

В този код виждаме, че в семейството на шрифтовете е дефиниран нетрадиционен шрифт, тъй като той е патентован шрифт HelveticaNeue Condensed и след това като второ предпочитание поставяме монопространство Нека да видим как можем да видим това в браузъра за всеки от дефинираните случаи.
[attachment = 861: html5fuentes.jpg.webp]
Вляво на изображението имаме случая, в който шрифтът, който е поставен като първи избор, не съществува, тоест шрифтът монопространство, от дясната страна виждаме собствения шрифт.
С това завършваме урока, след като познахме теоретичните основи и ги приложихме на практика, сега сме в състояние да си поиграем малко с източниците на нашето приложение и да постигнем по -привлекателни визуално резултати и в съответствие с това, което искаме.
Можете да продължите да четете част 2 от този урок.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка