Ako nájsť písmo webovej stránky pomocou nástroja Inspect Element a rozšírení prehľadávača

Úspešnosť vašej webovej stránky veľmi závisí od jej vzhľadu. Správna farebná kombinácia a motív udrží vašich návštevníkov na vašom webe o niečo dlhšie. Okrem farebnej palety a štruktúry vášho webu hrá zvolené písmo tiež zásadnú úlohu pri udržiavaní zaujatia publika.

Možno pri prehliadaní webu narazíte na lákavú stránku a chcete vedieť, aké písma používa. Vďaka online rozšíreniam a zabudovanému nástroju Inspect Element vo vašom prehliadači je identifikácia písma rýchla a ľahká.

Ak ste to nevedeli, zabudovaný nástroj Inspect Element vo vašom prehliadači vám umožňuje preskúmať zdrojový kód webovej stránky. Dizajnovým prvkom webu môžete porozumieť tak, že sa pozriete na jeho CSS, HTML a ďalšie informácie. Je to skvelý spôsob, ako získať inšpiráciu pri navrhovaní svojich vlastných stránok.

Proces identifikácie písma pomocou nástroja Inspect Element je pomerne jednoduchý a nebudete potrebovať žiadne kódovacie schopnosti. Tento nástroj je k dispozícii vo všetkých prehľadávačoch na trhu a každý z nich má podobné rozloženie.

Tu je príklad, ako identifikovať písmo pomocou nástroja Inspect v prehliadači.

1. Otvorte web, ktorý chcete použiť.
2. Zvýraznite text s písmom, ktoré chcete identifikovať, a kliknite naň pravým tlačidlom myši.
3. Kliknite na Skontrolujte z kontextového menu.
4. Keď sa otvorí ponuka Kontrola, kliknite na ikonu Vypočítané.
5. Posuňte zobrazenie nadol a nájdite ikonu Rodina písma oddiel. Tu nájdete názov a štýl písma, ako aj jeho rozmery.

Ak chcete rýchlejšiu cestu na vyhľadanie písma stránky pomocou nástroja Skontrolovať, skúste toto:

1. Otvorte web, ktorý chcete použiť.
2. Stlačte Ctrl + Shift + C (Cmd + Shift + C v systéme Mac).
3. Umiestnením kurzora myši na text zobrazíte štýl, veľkosť, farebný kód písma a okraj písma.

Zoznam písiem použitých na webovej stránke môžete skontrolovať aj pomocou nástroja Skontrolovať. Postupujte takto:

1. Prejdite na webovú stránku.
2. Zdrojový kód otvorte stlačením Ctrl + Shift + I (Cmd + Shift + I v systéme Mac).
3. Kliknite na ikonu Sieť kartu a potom vyberte ikonu Písmo tab.
4. Tu uvidíte zoznam všetkých typov písma použitých na webovej stránke.

Ak chcete získať zoznam všetkých typov písma v reálnom čase, pravdepodobne budete musieť obnoviť webovú stránku.

Súvisiace: Ako zväčšiť alebo zmenšiť veľkosť písma vo Firefoxe

Ako identifikovať písma pomocou rozšírení prehľadávača

Ak chcete pohodlnejšie identifikovať písmo, môžete si nainštalovať rozšírenie prehliadača na hľadanie písma. Aj keď existuje niekoľko rozšírení prehľadávača, ktoré môžu pomôcť zistiť písma na webe, sú to dve najobľúbenejšie WhatFont a Vyhľadávač fontov.

Poďme sa pozrieť na proces identifikácie fontov pomocou obidvoch prípon.

1. WhatFont

WhatFont je veľmi populárny pre rýchlu detekciu viacerých typov písma naraz. Tu je príklad, ako tento nástroj používať.

1. Keď je vo vašom prehliadači povolený WhatFont, umiestnite kurzor myši na text, aby sa zobrazilo jeho písmo.
2. Po kliknutí na text sa zobrazí vyskakovacie okno so zvyškom podrobností písma, ako je veľkosť, farba a štýl písma.
3. Ďalej môžete vybrať viac častí textu súčasne a porovnať tak rôzne písma na tej istej stránke.

Stiahnuť ▼: Za čo Chrome | Firefox | Safari (Zadarmo)

2. Vyhľadávač fontov

Vyhľadávač fontov tiež zobrazí podrobnosti písma, keď umiestnite kurzor myši na akýkoľvek text na webovej stránke. Poskytuje však veľa technických detailov, takže ak nie ste oboznámení s webovým dizajnom, môže to byť trochu mätúce.

To znamená, že Vyhľadávač fontov je vhodnejší pre webových vývojárov, ktorí chcú v reálnom čase nahradiť existujúce písma novými. Takto je ľahké vyskúšať písma pred vykonaním akýchkoľvek trvalých zmien.

Tu je postup, ako vyskúšať písmo pomocou Vyhľadávača fontov:

1. Zvýraznite časť textu z webovej stránky.
2. Kliknite na ňu pravým tlačidlom myši a vyberte Vyhľadávač fontov z kontextového menu.
3. Vyberte Písmo vymeňte za a zadajte názov písma. Pridajme Calibri a uvidíte, ako to zmení písmo v ukážke.
4. Ak chcete zmeniť písmo, obnovte stránku.

Stiahnuť ▼: FontFinder pre Chrome | Hrana | Firefox (Zadarmo)

Čo s kontrolou písma v obrázku?

Ak chcete identifikovať písma na obrázku, nemusia vám pomôcť rozšírenia prehľadávača a nástroj Inspect prehliadača. Môžete však vyskúšať online nástroje na kontrolu obrázkov, ako sú WhatFontIs, FontSquirrel, Fontspring, WhatTheFont, a veľa ďalších.

Proces identifikácie písma z obrázka je vo všetkých nástrojoch do značnej miery rovnaký. Pokúsme sa identifikovať písmo v obrázku pomocou WhatTheFont.

1. Ak ste to ešte neurobili, stiahnite si obrázok, ktorý chcete použiť.
2. Importujte obrázok do WhatTheFont.
3. WhatTheFont automaticky detekuje text na vašom obrázku. Zmenšite alebo zväčšte orezávací rámček tak, aby obklopoval písmo, ktoré chcete identifikovať. Kliknite na ikonu tlačidlo so šípkou po dokončení.
4. Aplikácia WhatTheFont potom porovná písmo v obrázku s fontami v galérii a zobrazí vám úzko súvisiace písma.
5. Ak nenájdete hneď vhodný zápas, môžete pokračovať v klikaní Zobraziť ďalšie výsledky zobraziť viac súvisiacich písiem.

Súvisiace: Najlepšie webové stránky s voľným písmom pre bezplatné písma online

Rozpoznajte písma z webu a použite ich vo svojich návrhoch

Písma zohrávajú významnú úlohu pri úspechu webových stránok alebo grafického dizajnu. Ak pri prehliadaní webu narazíte na pútavé písmo, môžete ho ľahko zistiť pomocou vyššie uvedených metód.

WhatTheFont a 4 alternatívy na vyhľadanie písma z obrázkov

Chcete nájsť písma z obrázkov? Existujú online nástroje, ktoré to dokážu za vás, vrátane WhatTheFont a rôznych alternatív.

Prečítajte si Ďalej

O autorovi