HTML5 - Práce s písmem - 1. část

Jeden ze zásadních aspektů při práci s textem v HTML jsou změny obrazu, ke kterým může dojít pouhou změnou písma, nicméně v této souvislosti existují dva aspekty profesionálů, designéři, kteří chtějí změnit každý aspekt typografie, a programátoři, kteří, ačkoliv chtějí při spolupráci s nimi nechtějí v této věci provádět tak hluboké změny.
Vlastnosti písma
Než budeme pracovat se zdroji, uděláme revizi jejich vlastností, abychom znali pozadí:

• rodina písem: Určuje rodinu písem pro blok textu.
• velikost písma: Určuje velikost písma pro blok textu.
• styl fontu: Určuje styl písma, může být normální, kurzíva, šikmé.
• varianta písma: Určuje, zda lze text bloku zobrazit malým písmem, jeho možné hodnoty jsou malé a normální.
• váha písma: Určuje hmotnost písma pro textový blok, tj. Jeho tloušťku, jeho hodnoty mohou být normální, tučné, odvážnější, světlejší ,.
• písmo: Zkratka, která vám umožní určit písmo na jednom řádku.

Výběr zdroje
Vlastnictví rodina písem Určíme skupinu písem, která budou použita, stanovením pořadí preferencí, takže pokud není k dispozici, bude předáno tomu, které následuje v pořadí preferencí. Prohlížeč začíná prvním písmem v seznamu a pokračuje ve zkoušení pro každé z písem ve stanoveném pořadí, dokud nenajde takové, které může použít.
K tomu dochází, protože můžeme požadovat použití písem, která jsou nainstalována v počítači uživatele nebo která patří do konkrétního operačního systému, takže pokud jiný uživatel nesplňuje požadavky, můžeme řídit, jak to ovlivní náš dokument.
Nakonec se podívejme na seznam obecných písem, která by měla být k dispozici standardním způsobem pro všechny systémy a se kterými bychom neměli mít problémy.

• patka
• bezpatkové
• kurzívní
• fantazie
• monospace

Velmi dobře, protože jsme pokryli teoretický aspekt toho, jak zacházet se zdroji, podívejme se na příklady s kódem, kde získáme znalosti o tom, jak uvést do praxe vše, co jsme studovali:

 Příklad
Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.

V tomto kódu vidíme, že v rodině písem bylo definováno nekonvenční písmo, protože se jedná o proprietární písmo HelveticaNeue Condensed a pak jako druhou preferenci umístíme monospace Podívejme se, jak to můžeme vidět v prohlížeči, pro každý z definovaných případů.
[příloha = 861: html5fuentes.jpg.webp]
Vlevo od obrázku máme případ, kdy písmo, které bylo umístěno jako první volba, neexistuje, tedy písmo monospaceNa pravé straně vidíme proprietární písmo.
Tímto tutoriál dokončíme, protože jsme znali teoretické základy a uvedli je do praxe, jsme si nyní schopni trochu pohrát se zdroji naší aplikace a dosáhnout vizuálně atraktivnějších výsledků a v souladu s tím, co chceme.
Můžete pokračovat ve čtení části 2 tohoto výukového programu.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod