Ako skontrolovať veľkosť písma a tvár na webovej stránke

Či už sa venujete dizajnu alebo sa vám páči len vzhľad konkrétnej webovej stránky, vedieť, aký typ písma stránka používa a akej je veľkosti, vám môže pomôcť ju napodobniť alebo použiť na vašej vlastnej webovej lokalite. Existuje niekoľko spôsobov, ako to dosiahnuť, a tu vám ukážem niekoľko z nich. Takže ak chcete skontrolovať typ a veľkosť písma na webovej stránke, čítajte ďalej!

Ako skontrolovať veľkosť písma a tvár na webovej stránke

S doslova miliónmi písiem, nájdenie toho dokonalého môže trvať dlhšie, ako by malo. Keď si všimnete dobrého, musíte zistiť, čo tam je a potom, inak by ste ho mohli definitívne stratiť. Ak je obzvlášť dobrý, môžete ho použiť na svojej vlastnej webovej lokalite, ako písmo Office alebo v systéme Windows v závislosti od typu písma. Nezabudnite, že niektoré písma sú chránené autorskými právami a nie sú dostupné na verejné použitie.

Kontrola typu a veľkosti písma na webovej stránke

Existuje niekoľko spôsobov, ako skontrolovať typ a veľkosť písma na ľubovoľnej webovej lokalite. Najjednoduchšia metóda používa samotný prehliadač, zatiaľ čo iní používajú nástroje tretích strán na identifikáciu prvkov stránky. Pokryjem oba typy. Najprv sa zameriame na metódu vstavaného prehliadača.

  1. Kliknite pravým tlačidlom myši na stránku, ktorá sa vám páči, a vyberte ju Preskúmať prvok (Firefox), Skontrolujte (Chrome), príp F12Nástroje pre vývojárov (Hrana). Webová ponuka Chrome
  2. Vyberte inšpektor (Firefox) alebo Vypočítané (Chrome) v nových spodných oknách a posúvajte sa vpravo nadol, kým nedosiahnete Písmo alebo veľkosť písma. Mal by zobrazovať rodinu písiem, konkrétne použité písmo, jeho veľkosť, farbu a čokoľvek iné, čo stránka definuje. Nástroj Chrome Inspector Tool

Rôzne CMS a rôzne webové dizajny zobrazujú informácie o písme rôznymi spôsobmi. Vyskúšajte túto metódu na niekoľkých webových stránkach a pravdepodobne uvidíte niekoľko rôznych spôsobov, ako sa definujú písma.

ako-skontrolovať typ-a-veľkosť-fontu na-webovej-stránke-2

Nástroje tretích strán na identifikáciu typu a veľkosti písma

Existuje niekoľko doplnkov tretích strán, ktoré fungujú buď ako doplnky, alebo ako záložky a dokážu identifikovať typy písma. Fungujú s väčšinou prehliadačov vrátane Safari, takže by ste mali nájsť niečo, s čím môžete pracovať bez väčších problémov.

Firebug

Firebug bol v minulosti iba nástrojom na ladenie Firefoxu pre vývojárov. Stala sa tak populárnou, že je teraz agnostika prehliadača a bude fungovať s väčšinou prehliadačov. Je to neuveriteľne všestranný nástroj, ktorý dokáže skontrolovať akýkoľvek prvok webovej stránky vrátane písma.

  1. Stačí nainštalovať doplnok ako obvykle, zvýrazniť nejaký text na stránke, kliknúť na záložku HTML v rámci Firebug a potom kliknúť na „Vypočítané“ vpravo. Firebug by potom mal zvýrazniť názov písma, rodinu písma, veľkosť, váhu a všetko, čo potrebujete vedieť.

Majte však na pamäti, že Firebug bol prerušený od roku 2017. Jeho staršie verzie je stále možné stiahnuť, ale už sa nebudú aktualizovať a Firebug pravdepodobne stratí funkčnosť s vývojom prehliadačov.

ako-skontrolovať typ-a-veľkosť-fontu na-webovej-stránke-3

WhatFont

WhatFont je bookmarklet, ktorý dokáže identifikovať písma na webových stránkach. Presuňte záložku na panel so záložkami a použite ju na identifikáciu takmer akéhokoľvek písma a kdekoľvek. Je to bezplatné a veľmi jednoduché. Prejdite na webovú stránku, ktorá sa vám páči, kliknite na bookmarklet a umiestnite kurzor myši na písmo, ktoré chcete identifikovať. Objaví sa nad ním malý čierny rámček, ktorý vám povie písmo.

Keď bola aktualizovaná, bola dokonca kompatibilná so súvisiacimi doplnkami.

Opäť platí, že v závislosti od toho, ako je nakonfigurovaný CMS alebo ako je navrhnutá stránka, to bude buď jednoduchá identifikácia písma alebo úplný rámček, ktorý vám poskytne veľkosť, farbu, váhu atď.

Existuje veľa doplnkov typu bookmarklet, ktoré dokážu identifikovať písma; WhatFont je len jedným z nich. Používate nejaký? Presvedčil vás tento článok vyskúšať nový? Dajte nám vedieť nižšie.