už jste někdy našli perfektní písmo pro váš web na jiném webu, obrázku nebo blogu, ale nevěděli jste, jak najít jeho jméno? Jste na správném místě. V této příručce vám ukážeme, jak identifikovat písma z webových stránek, které vám pomohou najít perfektní typografii pro vaše podnikání.
proč je užitečné zjistit, jaká písma web používá?
pokud pracujete na vytváření webových stránek nebo navrhování online obsahu, vždy hledáte způsoby, jak je vylepšit. Můžete to udělat mnoha způsoby. Nejviditelnější z nich používají jiné téma, přidávají funkce a poskytují lepší obsah. Existují však i jiné ne tak zřejmé věci, které můžete udělat, abyste měli výhodu nad svými konkurenty a učinili váš web jedinečným. Písmo je jedním z nich.
písmo, které používáte, je po celém vašem webu a může nejen zlepšit čitelnost, ale také celkovou navigaci. Pokud vaše typografie vypadá profesionálně a je snadno čitelná, vaši návštěvníci pravděpodobně zůstanou na vašem webu. Písma jsou často přehlížena, ale mohou mít velký dopad.
i když můžete na svůj web přidávat písma, možná budete chtít použít typografii, kterou nenajdete tradičními způsoby. Internet je plný webových stránek s krásnou typografií, které byste mohli chtít použít na svém webu. Obtížné je však identifikovat písma, která tyto webové stránky používají. Neexistuje snadný způsob, jak najít písmo ai když jste odborník, v každém písmu je spousta nepatrných rozdílů. Tyto rozdíly mohou být navíc zesíleny styly písma a změnami CSS.
proto Vám v tomto příspěvku ukážeme, jak pomocí různých nástrojů zjistit, která písma web používá.
jak identifikovat písma z webových stránek
existuje několik způsobů, jak identifikovat písma na webových stránkách:
- použití nástroje Inspect
- s pluginy
- FFFFallback
- Fount
- Fontanello
- jaké písmo
některé z nich jsou obtížnější než jiné a některé mohou vyžadovat externí nástroje a rozšíření. Podívejme se blíže na všechny tyto různé metody.
1) Identifikujte písma pomocí nástroje Inspect
nejzákladnějším způsobem identifikace písem z webu je použití nástroje inspect prohlížeče. Za tímto účelem budete muset otevřít vývojářské nástroje Vašeho prohlížeče. Obvykle to můžete udělat několika různými způsoby:
- stisknutím klávesy F12 nebo Ctrl + Shift + I v prohlížeči
- otevřete nabídku prohlížeče kliknutím pravým tlačítkem myši a poté přejdete na kontrolu
- otevření možností vývojářského Nástroje z nabídky prohlížeče a přechod na Web Developer
když najdete písmo, které se vám líbí, klepněte pravým tlačítkem myši na text, který obsahuje písmo, které chcete identifikovat, a klepněte na tlačítko Zkontrolovat prvek.
tento prvek bude zvýrazněn v nástroji inspektor a na polích vedle inspektora uvidíte styly a rozvržení.
poté klikněte na kartu Počítač a přejděte dolů a zkontrolujte pole Rodina písem. Toto pole by mělo vypsat písmo webové stránky. Například v tomto příkladu je písmo Roboto nebo SF-pro Display.
tímto způsobem můžete pomocí nástroje Inspector identifikovat písma na jakémkoli webu. Můžete však najít weby, na které nemůžete kliknout pravým tlačítkem nebo přistupovat k nástroji inspector, protože to neumožňují. Pokud tomu tak je, existuje jiná alternativa. Můžete také vidět, jaké písmo web používá s vyhrazeným nástrojem.
pojďme se podívat na některé z nejlepších pluginů, které můžete použít k identifikaci písem z webových stránek.
2) Identifikujte písma pomocí nástrojů a pluginů
pokud na webu nemůžete použít nástroj inspector, identifikujete písma pomocí vyhrazených nástrojů a pluginů. Existuje několik nástrojů, abychom vám usnadnili život, uvedeme ty nejlepší a ukážeme vám, jak je můžete použít k nalezení a rozpoznání písem používaných na různých webech.
2.1) FFFFallBack
FFFFallback je jednoduchý nástroj bookmarklet, který můžete použít k identifikaci písem na jakémkoli webu. A nejlepší na tom je, že nemusíte nic instalovat. Jednoduše musíte uložit bookmarklet na kartu záložky a kliknutím na jeho záložku na libovolném webu zkontrolovat písma. Nástroj používá Javascript ke skenování CSS a identifikaci typografie i stylu písma.
Chcete-li použít tento nástroj, musíte otevřít tuto stránku. Poté klikněte na tlačítko FFFFALLBACK a přetáhněte jej na panel záložek, jak je uvedeno níže. Pokud se panel záložek ve Vašem prohlížeči nezobrazuje, povolte jej stisknutím kláves Ctrl + Shift+B.
Nyní otevřete web, na kterém chcete identifikovat písma, a klikněte na záložku, kterou jste právě uložili na liště záložek. Mělo by vám ukázat rodinu písem a styl webových stránek v novém sloupci, jak je uvedeno níže. Ujistěte se, že jste jako možnost nahoře vybrali webové písmo.
2.2) pramen
pramen je podobný ffffallback, ale umožňuje také kontrolovat písma konkrétních textů. Tímto způsobem můžete určit, které Texty chcete zkontrolovat písma.
Chcete-li použít Fount, přejděte na tento web a uložte Bookmarklet z jeho webových stránek přetažením na kartu záložky.
poté otevřete libovolný web, který chcete zkontrolovat, a klikněte na záložku Fount. Tím se změní kurzor na plus. Jednoduše klikněte na libovolný text a zobrazí se vám identifikované písmo v pravém horním rohu obrazovky.
poté, co znáte písmo pro tento text, můžete kliknout na pole písma znovu zakázat kurzor a pokračovat v procházení stránky jako obvykle.
2.3) Fontanello
pokud dáváte přednost použití rozšíření prohlížeče, Fontanello je perfektním nástrojem pro identifikaci písem z jakéhokoli webu. Jednoduše nainstalujte rozšíření Fontanello do prohlížeče Chrome nebo Firefox a aktivujte jej.
Chcete-li identifikovat písma na webu, jednoduše klepněte pravým tlačítkem myši na libovolný text a vyberte možnost Fontanello. Rozbalovací nabídka vám ukáže rodinu písem, její styl a varianty.
2.4) jaké písmo
Alternativně můžete použít rozšíření WhatFont podobným způsobem. Nejprve nainstalujte rozšíření do prohlížeče Chrome nebo Firefox. Poté klikněte na ikonu nástroje WhatFont na panelu nástrojů prohlížeče a kliknutím na libovolný text zkontrolujte jeho písmo. Dobrá věc je, že si můžete vybrat jiný text a zjistit, jakou typografii používají současně.
až budete hotovi, stiskněte Exit WhatFont zavřete vyskakovací okna písma a použijte webovou stránku jako obvykle.
Nyní, když jsme viděli, jak identifikovat písma z textu, možná vás zajímá, zda je možné udělat totéž z obrázků. Odpověď zní ano! Uvidíme, jak na to.
jak identifikovat písma z obrázku
kromě objevování písem z textu můžete pomocí obrázků také identifikovat písma z webových stránek. K tomu použijeme online nástroj s názvem WhatTheFont.
co Písmo
tento Online nástroj vám umožní nahrát libovolný obrázek, analyzuje text obrázku a řekne vám, jaké písmo používá.
Chcete-li to provést, přejděte na tuto stránku a přetáhněte nebo nahrajte obrázek do nástroje (ujistěte se, že je ve formátu JPG nebo PNG.) Poté definujte pole oříznutí textu a nástroj vám ukáže správné písmo textu. Kromě toho vám WhatTheFont také poskytuje webové stránky, kde si můžete koupit písma, a dokonce vám umožní otestovat písma pomocí vlastního textu.
tímto způsobem můžete zkontrolovat písma z obrázků nebo snímků obrazovky. Navíc má mobilní aplikaci, kterou můžete použít k identifikaci písem z mobilu.
závěr
Celkově lze říci, že písmo, které používáte, může mít velký dopad na váš web. To vám může pomoci zlepšit čitelnost, celkovou navigaci a udržet své návštěvníky tam déle. Jasnost a čitelnost jsou důležitými aspekty jakéhokoli webu a čím více úsilí do něj vložíte, tím lepší výsledky budete mít.
v této příručce jsme viděli různé způsoby, jak identifikovat písma z webových stránek:
- pomocí nástroje pro kontrolu prohlížeče
- pomocí nástrojů Bookmarklet
- prostřednictvím rozšíření prohlížeče
- pomocí specializovaných online nástrojů k identifikaci písem z obrázků
Jakmile najdete správná písma, je na vás, jak je přidat na svůj web. Jakmile vyberete typografii, kterou chcete použít, doporučujeme vám podívat se na našeho průvodce, jak změnit písmo ve WordPressu a přepnout na nové písmo v žádném okamžiku.
pokud hledáte více způsobů, jak zlepšit čitelnost a navigaci na vašem webu WordPress, můžete se také podívat na tyto články:
- jak přidat strouhanku v WordPress
- organizovat WooCommerce produkty podle značky
- jak přidat WordPress mega menu