Jak najít písmo webové stránky pomocí nástroje Inspect Element a rozšíření prohlížeče

Úspěch vašeho webu do značné míry závisí na jeho vzhledu. Správná barevná kombinace a motiv udrží návštěvníky na vašem webu o něco déle. Kromě barevné palety a struktury vašeho webu hraje zvolené písmo také zásadní roli při udržení zájmu publika.

Možná při procházení webu narazíte na atraktivní web a chcete vědět, jaká písma používá. S online rozšířeními a integrovaným nástrojem Inspect Element ve vašem prohlížeči je identifikace písma rychlá a snadná.

V případě, že jste to nevěděli, umožňuje vestavěný nástroj Inspect Element ve vašem prohlížeči prozkoumat zdrojový kód webu. Prvky návrhu webu můžete pochopit pohledem na jeho CSS, HTML a další informace. Je to skvělý způsob, jak získat inspiraci při navrhování vlastního webu.

Proces identifikace písma pomocí nástroje Inspect Element je poměrně jednoduchý a nebudete potřebovat žádné dovednosti v kódování. Tento nástroj je k dispozici ve všech prohlížečích na trhu a každý z nich má podobné rozložení.

Tady je postup, jak identifikovat písmo pomocí nástroje Inspect v prohlížeči.

1. Otevřete web, který chcete použít.
2. Zvýrazněte text, který má písmo, které chcete identifikovat, a klepněte na něj pravým tlačítkem.
3. Klikněte na Kontrolovat z kontextové nabídky.
4. Když se otevře nabídka Inspect, klikněte na ikonu Vypočítáno.
5. Přejděte dolů a najděte Rodina písem sekce. Zde najdete název a styl písma a jeho rozměry.

Pokud chcete rychlejší způsob, jak najít písmo webu pomocí nástroje Inspect, zkuste toto:

1. Otevřete web, který chcete použít.
2. lis Ctrl + Shift + C (Cmd + Shift + C na počítačích Mac).
3. Umístěním kurzoru myši na text zobrazíte styl, velikost, barevný kód písma a okraj písma.

Seznam písem použitých na webové stránce můžete také zkontrolovat pomocí nástroje Zkontrolovat. Postup je následující:

1. Přejít na webovou stránku.
2. Otevřete zdrojový kód stisknutím Ctrl + Shift + I (Cmd + Shift + I na počítačích Mac).
3. Klikněte na ikonu Síť kartu a poté vyberte Písmo záložka.
4. Zde uvidíte seznam všech písem použitých na webové stránce.

Chcete-li získat seznam všech písem v reálném čase, možná budete muset webovou stránku obnovit.

Příbuzný: Jak zvětšit nebo zmenšit velikost písma ve Firefoxu

Jak identifikovat písma pomocí rozšíření prohlížeče

Pokud chcete pohodlnější způsob identifikace písma, možná budete chtít nainstalovat rozšíření prohlížeče pro vyhledání písem. I když existuje několik rozšíření prohlížeče, které mohou pomoci detekovat písma na webu, dvě nejoblíbenější jsou WhatFont a Vyhledávač písem.

Pojďme se podívat na proces identifikace písem pomocí obou přípon.

1. WhatFont

WhatFont je velmi populární pro rychlou detekci více písem najednou. Zde je návod, jak tento nástroj použít.

1. Když je ve vašem prohlížeči povolen WhatFont, umístěním kurzoru nad text zobrazíte jeho písmo.
2. Jakmile kliknete na text, zobrazí se vyskakovací okno se zbytkem podrobností písma, jako je velikost, barva a styl písma.
3. Kromě toho můžete vybrat více částí textu současně a porovnat různá písma na stejné stránce.

Stažení: Za co Chrome | Firefox | Safari (Volný, uvolnit)

2. Vyhledávač písem

Vyhledávač písem také zobrazí podrobnosti o písmu, když umístíte ukazatel myši na libovolný text na webu. Poskytuje však spoustu technických podrobností, takže pokud nejste obeznámeni s webovým designem, může to být trochu matoucí.

To znamená, že Vyhledávač písem je vhodnější pro webové vývojáře, kteří chtějí v reálném čase nahradit stávající písma novými. To usnadňuje testování písem před provedením jakýchkoli trvalých změn.

Tady je postup, jak vyzkoušet písmo pomocí nástroje pro hledání písem:

1. Zvýrazněte část textu z webové stránky.
2. Klikněte na něj pravým tlačítkem a vyberte Vyhledávač písem z kontextové nabídky.
3. Vybrat Nahradit písmo znakem a zadejte název písma. Přidejme Calibri a uvidíte, jak to změní písmo v náhledu.
4. Chcete-li obnovit písmo, obnovte stránku.

Stažení: FontFinder pro Chrome | Okraj | Firefox (Volný, uvolnit)

A co kontrola písma v obrázku?

Pokud chcete určit písma v obrázku, nemusí vám pomoci rozšíření prohlížeče a nástroj Inspect vašeho prohlížeče. Můžete však vyzkoušet online nástroje pro inspekci obrázků, jako je WhatFontIs, FontSquirrel, Fontspring, WhatTheFont, a mnoho dalších.

Proces identifikace písma z obrázku je u všech nástrojů z velké části stejný. Zkusme identifikovat písmo v obrázku pomocí WhatTheFont.

1. Pokud jste tak ještě neučinili, stáhněte si obrázek, který chcete použít.
2. Importujte obrázek do WhatTheFont.
3. WhatTheFont automaticky detekuje text ve vašem obrázku. Zmenšete nebo zvětšete rámeček oříznutí tak, aby obklopoval písmo, které chcete identifikovat. Uhoď tlačítko se šipkou po dokončení.
4. WhatTheFont poté porovná písmo v obrázku s písmy ve své galerii a zobrazí vám úzce související písma.
5. Pokud hned nenajdete dobrou shodu, můžete klikat dál Zobrazit více výsledků zobrazit více souvisejících písem.

Příbuzný: Nejlepší bezplatné webové stránky s písmy pro písma online zdarma

Rozpoznávejte písma z webu a používejte je ve svých návrzích

Fonty hrají významnou roli v úspěchu webové stránky nebo grafického designu. Pokud při procházení webu narazíte na poutavé písmo, můžete jej snadno zjistit pomocí výše uvedených metod.

WhatTheFont a 4 alternativy k vyhledání písem z obrázků

Chcete najít písma z obrázků? Existují online nástroje, které to zvládnou za vás, včetně WhatTheFont a různých alternativ.

Přečtěte si další

O autorovi