5 způsobů identifikace písem na webové stránce

publikoval Rob Hope v tutoriálech vstupní stránky, na 20 Smět 2018

takže děláte svou věc procházením webu a narazíte na nejslabší kombinaci písma, ale nemůžete identifikovat písmo? No v tomto videu (a seznam round-up níže) ukážu vám přesně, jak najít ty fonty …

Fontanello (Chrome + Firefox)

Fontanello Chrome a Firefox rozšíření, podle mého názoru, je nejrychlejší způsob, jak zjistit, jaké písmo webová stránka používá. Stačí kliknout pravým tlačítkem myši na text, najít Fontanello v nabídce a pow je rodina písem a některé další atributy.

WhatFont (Chrome a Safari)

WhatFont Chrome a Safari rozšíření je moje oblíbená volba, pokud jde o objevování písma. Chcete-li nástroj aktivovat, musíte kliknout na ikonu jaké písmo v nabídce prohlížeče. Nyní můžete vybrat více částí textu, což umožňuje lepší vizualizaci rozdělení písma vs Fontanello.

Visual Inspector (Chrome)

Visual Inspector Chrome Extension nabízí o něco větší hloubku než výše uvedené dva. Nástroj jednoduše aktivujete kliknutím na ikonu Visual Inspector v nabídce Chrome a poté v rozevírací nabídce přejděte do části typografie. Nyní se vám zobrazí rodiny písem použité s dalším rozpisem všech typografií na webové stránce.

kontrola starého dobrého kódu (všechny prohlížeče)

takže pokud se snažíte vyhnout instalaci desítek rozšíření prohlížeče, můžeme najít více informací o fontech použitých při kontrole starého dobrého kódu:

pokud používáte prohlížeč Google Chrome, klikněte pravým tlačítkem myši na tajemný text a vyberte možnost zkontrolovat. DevTools se objeví, Ujistěte se, že jste na kartě styly a zamiřte do atributů rodiny písem, abyste se dozvěděli více o fontech.

pokud používáte Firefox, klikněte pravým tlačítkem myši na text a vyberte položku Zkontrolovat. Jejich inspektor se objeví, Nyní přejděte na kartu pohodlná písma pro informace, které potřebujete.

pokud používáte Safari, zkontrolujte, zda je nabídka pro vývojáře viditelná zaškrtnutím políčka v dolní části karty upřesnit Předvolby Safari. Nyní klikněte pravým tlačítkem myši na text, vyberte Zkontrolovat prvek. Otevřete postranní panel podrobností, pokud je zavřený, a vyberte možnost styly-vypočteno. Sekce font-family představí informace o písmu v rámci atributů stylu.

Odhalte přejmenovaná písma (pokročilá metoda)

překážkou, které můžeme čelit, je, když rodina písem není jasně pojmenována, přirozeně odhodit nástroje a metody kontroly písma. Začneme záchrannou misi tím, že skutečně stáhneme písmo.

existuje několik způsobů, jak to udělat, ale začnu tím, že si všimnu aktuálního názvu písma. Nyní otevřete nástroj Inspektor (používám Google Chrome), přejděte na kartu Aplikace a přejděte do části rámečky a otevřete písma. Musíme porovnat název souboru s výše uvedeným názvem písma. Nyní otevřete toto písmo na nové kartě a stáhněte jej. Nakonec přetáhneme tento soubor písma do úžasného co může Moje písmo dělat? webové stránky a bam, informace o písmu jsou prezentovány krásně.

hodně lásky,
Rob
Twitter: @robhope
LinkedIn: @robhope
e-mail:

Napsat komentář

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