Písmo hraje důležitou roli při navrhování textu a předávání informací. Určení velikosti písma však může způsobit určité potíže. Existuje několik způsobů, jak označit velikost písma, které se používají ve webovém designu a tištěných produktech.
Jedním z nejběžnějších způsobů, jak označit velikost písma, je použití čísel. Například písmo o velikosti 12 pixelů je označeno jako 12px. Existují však i jiné měrné jednotky pro určení velikosti písma, jako jsou procenta ( % ), em (em) nebo body (pt).
Značky a názvy používané k určení velikosti písma mohou způsobit zmatek mezi nezkušenými uživateli, protože mají různé významy v různých kontextech. Například velikost písma definovaná v pixelech bude na všech zařízeních vypadat stejně bez ohledu na rozlišení obrazovky. Velikost písma definovaná v procentech se přitom bude měnit podle velikosti okna prohlížeče nebo kontejneru.
Některé názvy používané k určení velikosti písma mohou být méně intuitivní. Například weboví designéři často používají relativní hodnoty, jako je" medium "nebo"large". Tyto hodnoty však mohou být interpretovány různými způsoby v různých prohlížečích nebo zařízeních, což může vést k nesouladu v zobrazení textu.
Obecně platí, že výběr názvu pro určení velikosti písma závisí na konkrétní situaci a požadavcích projektu. Všechny tituly mají své výhody a nevýhody a je důležité vzít v úvahu tyto aspekty při výběru správné velikosti písma pro váš design.
Alternativní termíny pro velikost písma
Velikost písma v HTML je obvykle nastavena pomocí značky a atributu size . Kromě číselných hodnot však lze k označení velikosti písma použít i některé další termíny.
Zde jsou některé alternativní termíny, které lze použít místo číselných hodnot:
- Malý (tiny)
- Velmi malý (very small)
- Malý (malý)
- Střední (střední)
- Velký (large)
- Velmi velký (very large)
- Obrovský (huge)
Этот текст имеет очень маленький размер шрифта.
А этот текст имеет большой размер шрифта.
Použití číselných hodnot je samozřejmě vhodnější, protože poskytuje přesnější správu velikosti písma. Alternativní termíny však mohou být užitečné při zadání přibližných hodnot velikosti písma nebo při vytváření stylů pro různá zařízení.
Hustota symbolů na jednotku plochy
- Malé písmo: obvykle se používá pro komentáře nebo malý text. Při použití malého písma bude hustota znaků na jednotku plochy vysoká, protože symboly zabírají málo místa a lze je umístit ve velkém počtu.
- Střední písmo: nejběžnější velikost písma při psaní textu. Při použití průměrného písma bude hustota znaků mírná, protože symboly zabírají průměrné množství místa a lze je umístit v mírném počtu.
- Velké písmo: obvykle se používá k zvýraznění záhlaví nebo klíčových slov. Při použití velkého písma bude hustota znaků nízká, protože symboly zabírají hodně místa a lze je umístit v malém počtu.
Je důležité vzít v úvahu hustotu znaků při navrhování a formátování textu, aby bylo zajištěno snadné čtení a vizuální dopad.
Relativní velikost písma
V CSS lze k nastavení velikosti písma použít relativní hodnoty, které jsou nastaveny vzhledem k velikosti písma předchůdce (nadřazené položky).
Relativní hodnoty písma jsou reprezentovány následujícími klíčovými slovy:
- smaller - nastaví velikost písma menší než velikost předka;
- larger - nastaví velikost písma větší než velikost předka;
- x-small - nastavuje velmi malou velikost písma;
- small - nastaví malou velikost písma;
- medium - nastaví průměrnou velikost písma;
- large - nastaví velkou velikost písma;
- x-large - nastavuje velmi velkou velikost písma;
- xx-large - nastavuje extra velkou velikost písma.
Tyto hodnoty umožňují flexibilní přizpůsobení velikosti písma a změny se automaticky použijí na všechny položky vnořené do vybrané nadřazené položky.
Tento text má velikost písma větší než rodičovská položka.
A tento text má extra velkou velikost písma.
Normalizovaná velikost písma
V zásadě je normalizovaná velikost písma určena pomocí následujících hodnot:
Při práci s normalizovanou velikostí písma je důležité mít na paměti, že konečný vzhled textu na obrazovce bude záviset na Nastavení uživatelského prohlížeče, zobrazení zařízení a dalších faktorech. Proto je nutné zkontrolovat zobrazení textu pomocí různých velikostí písma na různých zařízeních a v různých prohlížečích.
Měřítko fontu
Pokud je ve stylu prvku nastavena hodnota pro vlastnost font-size, pak měřítko písma umožňuje zvětšit nebo zmenšit velikost písma vzhledem k této hodnotě. Při použití měřítka se písmo bude škálovat, aniž by se změnila velikost kontejneru, ve kterém se nachází.
Měřítko písma je nastaveno pomocí vlastnosti font-size a hodnoty scale(). Jako argument funkce scale () je uveden požadovaný měřítko písma. Například hodnota scale(1.2) zvýší velikost písma na 1.2 krát a hodnota scale (0.8) jej sníží na 0.8 krát.
Měřítko písma lze použít k vytvoření efektu přiblížení nebo zmenšení textu při najetí na položku a také k adaptivní změně velikosti textu v závislosti na velikosti obrazovky zařízení.
Kromě rozměrného poměru písma existují také další způsoby, jak nastavit velikost textu v HTML, jako jsou absolutní a relativní hodnoty pro vlastnost font-size, použití jednotek px, em, rem, atd. a použití globálních stylových vlastností ke změně velikosti textu v celém dokumentu.
- Absolutní hodnoty pro vlastnost font-size se udávají v jednotkách px. Například hodnota font-size: 16px udává velikost textu na 16 pixelů.
- Relativní hodnoty pro vlastnost font-size jsou uvedeny v procentech nebo relativních jednotkách měření, jako jsou em a rem. Například hodnota font-size: 120% zvýší velikost textu o 20% vzhledem k základní hodnotě a hodnota font-size: 1.2 em nastaví velikost textu na 1.2 násobek základní hodnoty.
- Globální stylové vlastnosti, jako je font-size-adjust, font-stretch a další, umožňují změnit velikost textu v celém dokumentu nebo jeho části pomocí jedné vlastnosti.
Volba způsobu zadání velikosti textu v HTML závisí na požadovaném efektu a konkrétních úkolech, které vývojář řeší. Měřítko písma je pohodlný a flexibilní způsob kontroly velikosti textu, který lze použít při vytváření různých vizuálních efektů a adaptivního designu.
Měrná jednotka písma
Při zadání velikosti písma se v HTML používají různé měrné jednotky. Každá jednotka má svou vlastní specifikaci a umožňuje nastavit určitou hodnotu pro velikost textu.
Nejčastěji používanými jednotkami pro písmo jsou:
- Pixely (px) - je to absolutní měrná jednotka, která určuje velikost písma v pixelech. Například font-size: 16px; znamená, že velikost písma je 16 pixelů.
- Úroky (%) - je to relativní měrná jednotka, která určuje velikost písma vzhledem k nadřazenému prvku. Například font-size: 150%; nastaví velikost písma na 150% velikosti písma nadřazené položky.
- Em (em) - je to relativní měrná jednotka, která určuje velikost písma vzhledem k aktuálnímu prvku. Například font-size: 1.5 em; nastaví velikost písma na 1.5 krát větší než aktuální velikost písma.
- Relativní klíčová slova - CSS má také relativní klíčová slova pro zadání velikosti písma. Některé z nich zahrnují: small , medium , large , x-large . Nastavují předdefinované hodnoty pro velikost písma.
Výběr konkrétní jednotky měření závisí na požadované flexibilitě a preferencích vývojáře. Je důležité si uvědomit, že velikost písma musí být nastavena s ohledem na dostupnost a čitelnost pro uživatele.