Co je to webový písmo?

Aug 7, 2025
Obecný

Věděli jste, že váš webový prohlížeč je automatické stahování a používání písma, které nejsou nainstalovány ve vašem systému? Webové fonty pomohou stránky procházet každý den vypadat lépe. Tady je to, co jsou a jak fungují.

Desktop Fonts vs. Web Fonts

My všichni používají fonty každý den. Někteří z nich jsou dodávány s operačním systémem Některé pocházejí z aplikací, jako je Adobe Creative Suite nebo Microsoft Office, a některé z nich jsou ty, které stáhnete nebo nákup a nainstalovat sami . Když jsou nainstalovány, můžete použít tyto písma v textových procesorů, software pro úpravu obrázků a další. Jedná se o stolní písma a jsou uloženy lokálně.

Pixieme / Shutterstock.

Dalším typem písma se stala mnohem důležitější je naše práce s počítačem byla přesunuta online. Jedná se o Web Fonts-typografie uloženy na oblaku (a pak do mezipaměti ve svém prohlížeči) a slouží ke generování textu, který se objeví na webových stránkách.

Stručná historie Web Fonts

V počátcích internetu, typografie na webových stránkách byla omezena na to, co fonty byly nainstalovány ve vašem systému. Pokud písmo nebyl nainstalován, webová stránka by načíst standardní „fallback“ font, který byl více pravděpodobné, že bude k dispozici. Z tohoto důvodu, webové designéry často zvolili výchozí systémová písma na svých stránkách.

Mezi nimi byli Microsoft Jádro písma pro web , Sada písem volně k dispozici pro web design. Toto balení je součástí široce používaným systémem fonty jako Times New Roman, Arial, Comic Sans A Trebuchet. Alternativně, návrháři mohli používat rodiny fontů, například Serif, bezpatkové a neproporcionální specifikovat obecný styl písma, i když konkrétní jeden nebyl k dispozici.

To se změnilo v roce 2010, kdy Google vypustil Google fonts. , Obrovský open-source repository pro fonty zdarma, které lze použít kdekoliv na webu. Od té doby, další konkurenti, jako Typekit Adobe a webové hostované pluginy písem, se objevily. Miliony webových stránek z celého světa běžet na webových písem, včetně apartmá produktivita Google .

Jak Web Fonts Work

Největším poskytovatelem Web Font, Google Fonts, je expanzivní web knihovny z více než tisíce fontů. Můžete je použít na svých webových stránkách tahem pomocí CSS a mobilní vývojáři mohou při vytváření aplikací pro Android těchto písem přístup.

Když je webová stránka používá Google písma, to táhne písmo z databáze společnosti Google a poté zobrazí text v tomto fontu k vám ve svém prohlížeči. Tato písma jsou umístěny na serveru Google a jsou načteny téměř okamžitě. Ostatní služby cloud písmu pracovat mnohem stejným způsobem.

Jinou alternativou je použití self-hostované, vložená písma na webu místo. To se provádí prostřednictvím Formát Web Open Font (WOFF) -a komprimovaný font souborů vyvinutý společností Mozilla, která je kompatibilní s většinou moderních webových prohlížečů. WOFF je užitečné, pokud chcete vložit vlastní písmo, které není dostupné na web služby písma.

Získání webové fonty

Google Fonts úložiště a všechny fonty pod ním jsou zcela zdarma k použití a dostupné pro každého. Používá pouze fonty pod otevřenou licencí, a mnoho z těchto písem staly sponky z internetových stránek, jako je Roboto, Lato a Montserrat. Google hostí webové stránky která obsahuje seznam všech svých dostupných fontů a umožňuje vyzkoušet si je a porovnat je s sebou. Google také nabízí databázi volných vektorových ikon.

Vzhledem k tomu, tato písma jsou volně k dispozici, můžete si stáhnout originální soubory písem pro použití na pracovní ploše také. Mnohé webové stránky hostitele Google fonty úložiště, včetně Google vlastní Github . Můžete použít tyto fonty v projektech, volně sdílet je s ostatními, a jejich stahování z jiných míst na internetu zdarma.

Mnoho stavitelů webových stránek a manažerů obsahu jako WordPress a Squarespace přicházejí s podporou webových písem z krabice. Pokud používáte vlastní webové stránky, musíte nahrát soubor písem na server a použít CSS kódu pro bod písma, který chcete použít.

Pokud se chcete dozvědět více o použití webových písem pro vaše webové stránky, podívejte se na toto CSS Web Font Guide z W3SCHOOL.

PŘÍBUZNÝ: Jak nainstalovat a spravovat písma v aplikaci Nastavení systému Windows 10


Obecný - Nejoblíbenější články

Má Apple Track Každý Mac App spuštění? OCSP vysvětlil

Obecný Nov 18, 2025

Omar Tursic / Shutterstock.com Má váš Mac opravdu telefon domů Apple při každém spuštění aplikace? To je tvrzení poletovat po 12. října 2020, kd..


Jak kopírovat soubory do jednotky USB flash na Mac

Obecný Apr 1, 2025

Pokud si přejete kopírovat soubory do USB flash disku na Mac, takže je můžete přenést do jiného počítače nebo je zálohovat, je snadné použít vyhledávač v MacOS. Tady je ..


Jak aktivovat Voice Access při pohledu na svůj Android telefon

Obecný Aug 31, 2025

Android má některé mocné nástroje pro usnadnění přístupu, které mohou používat smartphone snazší. „Voice Access“ je ten, který může pomoci, pokud máte problémy s m..


Jak nastavit Windows Media Player jako výchozí v systému Windows 10

Obecný Aug 27, 2025

Windows Media Player se může cítit jako stárnoucí aplikaci, ale je to stále přítomno v systému Windows 10. Pokud dáváte přednost použití klasického WMP pro hudbu a videa, m�..


Co je to A / B testování?

Obecný Aug 23, 2025

jedna fotografie / shutterstock.com Pokud jste zkoumali web design, design UX / UI nebo marketing, šance, jste slyšeli termín testování A / B. Co však ..


Bude vaší kreditní skóre na vaší webové historie Based?

Obecný Sep 23, 2025

Wit Olszewski / Shutterstock.com Nebylo by skvělé, pokud vaše historie procházení internetu byla součástí vašeho kreditního skóre? To je to, co m�..


Nový XBOOM 360 řečníkem je LG Také Lantern

Obecný Sep 7, 2025

Lg. Existuje spousta reproduktory Bluetooth na trhu z čeho vybírat. Ale budete mít těžké najít mnoho že také fungovat jako lucerny , Což..


Jak používat optický zoom na iPhone fotoaparátu

Obecný Oct 18, 2025

Jablko Pokud chcete zvětšit předměty ve fotografii, digitální zoom lze představit nežádoucí šum obrazu. Váš iPhone, ale může nabídnout „optický zoom�..


Kategorie