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

různá písma různá písma různá písma různá písma

ú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.

  1. Otevřete web, který chcete použít.
  2. zvýrazněte text, který má písmo, které chcete identifikovat, a klikněte na něj pravým tlačítkem.
  3. v kontextovém menu klikněte na Zkontrolovat.
    prohlížeč zkontrolovat možnost Otevřít
  4. když se otevře nabídka Inspect, klikněte na vypočteno.
  5. Přejděte dolů a vyhledejte sekci Rodina písem. Zde najdete název písma a styl, stejně jako jeho rozměry.
    Inspektor prohlížeče otevřený se zdrojovým kódem zobrazujícím rodinu písem

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:

  1. Otevřete web, který chcete použít.
  2. stiskněte Ctrl + Shift + C (Cmd + Shift + C na Mac).
  3. umístěte kurzor na text a zobrazte styl písma, velikost, barevný kód a okraj.
    dialogové okno zobrazující podrobnosti písma textu v prohlížeči Chrome

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:

  1. přejděte na webovou stránku.
  2. otevřete zdrojový kód stisknutím kláves Ctrl + Shift + I (Cmd + Shift + I v systému Mac).
  3. klikněte na kartu Síť a poté vyberte kartu písmo.
  4. zde uvidíte seznam všech písem použitých na webové stránce.
     seznam písem používaných na webových stránkách zobrazený v prohlížeči Chrome Inspector

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.

  1. pokud je ve Vašem prohlížeči povolen WhatFont, umístěte kurzor myši na text a zobrazte jeho písmo.
    WhatFont zobrazení názvu písma nad textem
  2. po kliknutí na text se zobrazí vyskakovací okno se zbytkem detailů písma, jako je velikost písma, barva a styl.
    WhatFont zobrazení detailů písma pro Text
  3. kromě toho můžete vybrat více částí textu současně a porovnat různá písma na stejné stránce.
    WhatFont Zobrazuje Více Detailů Písma Současně

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.

plugin pro vyhledávání písma zobrazující podrobnosti o hloubce písma

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:

  1. zvýrazněte část textu z webové stránky.
  2. klepněte pravým tlačítkem myši na něj a v místní nabídce vyberte vyhledávač písem.
    nahrazení písma pluginem Font Finder
  3. vyberte nahradit písmo a zadejte název písma. Přidejme Calibri a uvidíme, jak změní písmo v náhledu.
    Změna písma na Calibri pomocí nástroje Font Finder
  4. pokud chcete resetovat písmo, obnovte stránku.
    písmo změněno na Calibri

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.

  1. pokud jste tak ještě neučinili, stáhněte si obrázek, který chcete použít.
  2. Importujte obrázek do WhatTheFont.
    Whatthefont Image Font Detection Box
  3. 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.
    přidání obrázku do WhatTheFont
  4. WhatTheFont pak bude odpovídat písmo v obraze s fonty v jeho galerii, a ukáže vám úzce související písma.
    WhatTheFont zobrazení souvisejících písem
  5. pokud nenajdete dobrou shodu hned, můžete pokračovat kliknutím zobrazit více výsledků a zobrazit další související písma.
    Zobrazit více výsledků v WhatTheFont

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 (107 publikovaných článků)

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

Leave a Reply

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.