it-swarm-eu.dev

Jak si mohu vybrat správné písmo a velikost pro svůj web?

Jednou jsem viděl učebnici, která doporučovala určitý rozsah pica pro každé z několika různých písem. Existuje nějaký online průvodce, který je k dispozici? Jaké jsou mé možnosti? Co bych měl vědět jako začátečník?

4

Musíte mít na paměti, že různé operační systémy (Windows, Mac, Linux) mají různá výchozí písma, která jsou součástí operačního systému. To znamená, že pokud vyberete písmo, které je k dispozici v systému Windows, ale nikoli v počítačích Mac nebo Linux, uvidí tito uživatelé jiné písmo. Toto písmo se bude nejvíce shodovat s OS, který si může vybrat. Pokud chcete, aby váš web vypadal jednotně napříč platformami, musíte zvolit písma, která jsou společná pro všechny tři. Případně můžete v CSS deklarovat více písem v pořadí, v jakém si přejete, aby byla použita. Příklad:

_/* Sample CSS rule */
p 
{
    font-family: arial, helvetica, sans-serif;
}
_

V tomto příkladu budou všechny značky _<p>_ používat arial font, pokud je k dispozici. Pokud tomu tak není, prohlížeč se snaží použít písmo helvetica, jinak to je vyzkoušet výchozí písmo bezpatkové. Vždy učinte poslední písmo deklarované jako obecné výchozí. Viz tento článek obsahuje 8 hromádek písem, které lze bezpečně používat .

Další možností je použít nové @font-face CSS pravidlo, které vám umožní používat ne standardní písma. Musíte zadat písmo na svém webu, ale pokud prohlížeč uživatele podporuje @ font-face, stáhne jej a použije. Podpora tohoto není v prohlížečích jednotná a některé starší prohlížeče to dosud nepoznají. Ale s trochou úsilí ji lze použít v moderních webech.

Velikost písma bude záviset na použitém písmu. Obecným pravidlem je nepoužívat malá písma, protože mnoho uživatelů bude mít příliš velké potíže s jejich čtením (v podstatě malá písma jsou špatná dostupnost). Mnozí uživatelé také rádi upravují velikosti písma zobrazené v prohlížeči, aby jim usnadnili čtení. Pokud určíte velikost písma pomocí pixelů (px), bude váš web těžší používat. Obecným pravidlem je použití empirických jednotek (em), což je škálovatelná jednotka a bude se zvyšovat a zmenšovat, jakmile uživatel upraví zobrazení prohlížeče.

4
John Conde

Nejsem si jistý správnou odpovědí - ale zjistil jsem, že na webu nemůžete měřit pica (i když CSS předstírá, že to umožňuje). A obávám se, že nemůžete nic měřit, protože pokud má uživatel 22 "monitor (rozlišení 1920x1080), bude velikost písma podstatně menší ve srovnání s 24" monitorem se stejným rozlišením. - Z webové stránky nelze určit velikost monitoru.

Navíc to také značně závisí na písmu: Verdana se objeví mnohem větší než e. G. Times New Roman.

Poté, co jsem to řekl, bych také rád viděl dobrý návod!

1
Chris Lercher