úspěch vašeho webu do značné míry závisí na jeho vzhledu. Správná kombinace barev a motiv udrží vaše návštěvníky na vašem webu o něco déle. Kromě palety barev a struktury vašeho webu hraje písmo, které si vyberete, také zásadní roli při udržování zapojení publika.
možná narazíte na přitažlivý web při procházení webu a chcete vědět, jaká písma používá. Díky online rozšířením a vestavěnému nástroji Inspect Element vašeho prohlížeče je identifikace písma rychlá a snadná.
jak najít písma pomocí nástroje Inspect Element
v případě, že jste to nevěděli, vestavěný nástroj Inspect Element ve Vašem prohlížeči umožňuje prozkoumat zdrojový kód webu. Můžete pochopit konstrukční prvky webu tím, že se podíváte na jeho CSS, HTML a další informace. Je to skvělý způsob, jak získat inspiraci při navrhování vlastních stránek.
proces identifikace písma pomocí nástroje Inspect Element je poměrně jednoduchý a nebudete potřebovat žádné kódovací dovednosti. Tento nástroj je k dispozici ve všech prohlížečích na trhu a každý má podobné rozvržení.
zde je návod, jak identifikovat písmo pomocí nástroje Inspect vašeho prohlížeče.
- Otevřete web, který chcete použít.
- zvýrazněte text, který má písmo, které chcete identifikovat, a klikněte na něj pravým tlačítkem.
- v kontextovém menu klikněte na Zkontrolovat.
- když se otevře nabídka Inspect, klikněte na vypočteno.
- Přejděte dolů a vyhledejte sekci Rodina písem. Zde najdete název písma a styl, stejně jako jeho rozměry.
další způsoby použití nástroje Inspect
pokud chcete rychlejší způsob, jak najít písmo webu pomocí nástroje Inspect, zkuste to místo toho:
- Otevřete web, který chcete použít.
- stiskněte Ctrl + Shift + C (Cmd + Shift + C na Mac).
- umístěte kurzor na text a zobrazte styl písma, velikost, barevný kód a okraj.
seznam písem použitých na webové stránce můžete také zkontrolovat pomocí nástroje Inspect. Zde je návod, jak to udělat:
- přejděte na webovou stránku.
- otevřete zdrojový kód stisknutím kláves Ctrl + Shift + I (Cmd + Shift + I v systému Mac).
- klikněte na kartu Síť a poté vyberte kartu písmo.
- 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 obnovit webovou stránku.
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ává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 Font Finder.
pojďme se podívat na proces identifikace písem pomocí obou rozšíření.
WhatFont
WhatFont je široce populární pro rychlou detekci více písem najednou. Zde je návod, jak tento nástroj používat.
- pokud je ve Vašem prohlížeči povolen WhatFont, umístěte kurzor myši na text a zobrazte jeho písmo.
- po kliknutí na text se zobrazí vyskakovací okno se zbytkem detailů písma, jako je velikost písma, barva a styl.
- kromě toho můžete vybrat více částí textu současně a porovnat různá písma na stejné stránce.
Stáhnout: WhatFont pro Chrome / Firefox / Safari (zdarma)
Font Finder
Font Finder také zobrazuje detaily písma, když umístíte kurzor myši na jakýkoli text na webu. Poskytuje však mnoho technických detailů, takže může být trochu matoucí, pokud nejste obeznámeni s webdesignem.
to znamená, že Font Finder je vhodnější pro webové vývojáře, kteří chtějí nahradit stávající písma novými v reálném čase. To usnadňuje vyzkoušení písem před provedením jakýchkoli trvalých změn.
zde je návod, jak vyzkoušet písmo pomocí vyhledávače písem:
- zvýrazněte část textu z webové stránky.
- klepněte pravým tlačítkem myši na něj a v místní nabídce vyberte vyhledávač písem.
- vyberte nahradit písmo a zadejte název písma. Přidejme Calibri a uvidíme, jak změní písmo v náhledu.
- pokud chcete resetovat písmo, obnovte stránku.
ke stažení: FontFinder pro Chrome / Edge / Firefox (zdarma)
a co kontrola písma v obrázku?
pokud chcete identifikovat písma v obrázku, rozšíření prohlížeče a nástroj Inspect vašeho prohlížeče nemusí pomoci. Můžete však vyzkoušet online nástroje image inspector jako WhatFontIs, FontSquirrel, Fontspring, WhatTheFont a mnoho dalších.
proces identifikace písma z obrázku je ve všech nástrojích do značné míry stejný. Zkusme identifikovat písmo v obrázku pomocí WhatTheFont.
- pokud jste tak ještě neučinili, stáhněte si obrázek, který chcete použít.
- Importujte obrázek do WhatTheFont.
- WhatTheFont automaticky detekuje text ve vašem obrázku. Zmenšete nebo zvětšete pole oříznutí tak, aby obklopovalo písmo, které chcete identifikovat. Po dokončení stiskněte tlačítko se šipkou.
- WhatTheFont pak bude odpovídat písmo v obraze s fonty v jeho galerii, a ukáže vám úzce související písma.
- pokud nenajdete dobrou shodu hned, můžete pokračovat kliknutím zobrazit více výsledků a zobrazit další související písma.
Detekujte písma z webu a používejte je ve svých návrzích
písma 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.
Shan Abdul je absolventem inženýrství. Po ukončení studia a MS, začal svou kariéru jako spisovatel na volné noze. Píše o používání různých nástrojů a softwaru, aby pomohl lidem být produktivnější jako student nebo profesionál. Ve volném čase rád sleduje videa na Youtube o produktivitě.
Více Od Shan Abdul