Jak zkontrolovat velikost písma a obličej na webu

Ať už se zabýváte designem nebo se vám líbí jen vzhled konkrétního webu, znalost toho, jaký typ písma web používá a jakou má velikost, vám může pomoci jej napodobit nebo použít na vašem vlastním webu. Existuje několik způsobů, jak toho dosáhnout, a já vám zde ukážu několik z nich. Pokud tedy chcete zkontrolovat typ a velikost písma na webu, čtěte dále!

Jak zkontrolovat velikost písma a obličej na webu

S doslova miliony fontů, nalezení toho dokonalého může trvat déle, než by mělo. Když narazíte na dobrý, musíte zjistit, co to je, a pak, jinak byste ho mohli navždy ztratit. Pokud je zvláště dobrý, můžete jej použít na svém vlastním webu, jako písmo Office nebo v systému Windows v závislosti na typu písma. Nezapomeňte, že některá písma jsou chráněna autorským právem a nejsou dostupná pro veřejné použití.

Kontrola typu a velikosti písma na webu

Existuje několik způsobů, jak zkontrolovat typ a velikost písma na libovolném webu. Nejjednodušší metodou je samotný prohlížeč, zatímco jiné používají k identifikaci aktiv stránky nástroje třetích stran. Uvedu oba typy. Nejprve se zaměříme na metodu vestavěného prohlížeče.

  1. Klikněte pravým tlačítkem na stránku, která se vám líbí, a vyberte ji Zkontrolujte prvek (Firefox), Kontrolovat (Chrome), popř F12Vývojářské nástroje (Okraj). Webová nabídka Chrome
  2. Vybrat Inspektor (Firefox) popř Vypočteno (Chrome) v nových spodních oknech a přejděte vpravo dolů, dokud nedosáhnete Písmo nebo velikost písma. Měl by ukazovat rodinu písem, konkrétní použité písmo, jeho velikost, barvu a vše ostatní, co stránka definuje. Nástroj Chrome Inspector Tool

Různé CMS a různé webové designy zobrazují informace o písmech různými způsoby. Vyzkoušejte tuto metodu na několika webových stránkách a pravděpodobně uvidíte několik různých způsobů definování písem.

jak-zkontrolovat-typ-a-velikost-fontu na-webu-2

Nástroje třetích stran k identifikaci typu a velikosti písma

Existuje několik doplňků třetích stran, které fungují buď jako pluginy nebo jako bookmarklety a dokážou identifikovat typy písem. Fungují s většinou prohlížečů, včetně Safari, takže byste měli najít něco, s čím můžete pracovat bez větších problémů.

Firebug

Firebug býval pouze ladicím nástrojem Firefoxu pro vývojáře. Stala se tak populární, že je nyní bez ohledu na prohlížeč a bude fungovat s většinou prohlížečů. Je to neuvěřitelně všestranný nástroj, který dokáže zkontrolovat jakýkoli prvek webové stránky, včetně písma.

  1. Stačí nainstalovat doplněk jako obvykle, zvýraznit nějaký text na stránce, kliknout na záložku HTML ve Firebugu a poté kliknout na „Vypočítané“ vpravo. Firebug by pak měl zvýraznit název písma, rodinu písem, velikost, váhu a vše, co potřebujete vědět.

Mějte však na paměti, že Firebug byl ukončen od roku 2017. Jeho starší verze lze stále stahovat, ale již nebudou aktualizovány a Firebug pravděpodobně ztratí funkčnost, jak se prohlížeče vyvíjejí.

jak-zkontrolovat-typ-a-velikost-fontu na-webu-3

WhatFont

WhatFont je bookmarklet, který dokáže identifikovat písma na webových stránkách. Přetáhněte záložku na lištu záložek a použijte ji k identifikaci téměř jakéhokoli písma, kdekoli. Použití je zdarma a je velmi jednoduché. Přejděte na webovou stránku, která se vám líbí, klikněte na bookmarklet a umístěte kurzor na písmo, které chcete identifikovat. Objeví se nad ním malý černý rámeček, který vám řekne písmo.

Jak byl aktualizován, byl dokonce kompatibilní se souvisejícími doplňky.

Opět platí, že v závislosti na tom, jak je nakonfigurován CMS nebo jak je navržena stránka, se bude jednat buď o jednoduchou identifikaci písma, nebo o plný rámeček, který vám dá velikost, barvu, váhu atd.

Existuje mnoho doplňků typu bookmarklet, které dokážou identifikovat písma; WhatFont je jen jedním z nich. Používáte nějaký? Přesvědčil vás tento článek, abyste vyzkoušeli nový? Dejte nám vědět níže.