Kako pronaći font web stranice pomoću alata Inspect Element i proširenja preglednika

Uspjeh vašeg web mjesta uvelike ovisi o njegovom izgledu. Imajući pravu kombinaciju boja i temu zadržat će vaše posjetitelje na vašem web mjestu još malo. Uz paletu boja i strukturu vašeg web mjesta, font koji odaberete također igra ključnu ulogu u održavanju publike.

Možda tijekom pregledavanja weba naiđete na privlačnu web stranicu i želite znati koje fontove koristi. Pomoću mrežnih proširenja i ugrađenog alata Inspect Element u vašem pregledniku prepoznavanje fonta je brzo i jednostavno.

U slučaju da niste znali, ugrađeni alat za pregled elemenata vašeg preglednika omogućuje vam pregled izvornog koda web mjesta. Elemente dizajna web stranice možete razumjeti gledajući njegov CSS, HTML i druge informacije. To je sjajan način da steknete inspiraciju prilikom dizajniranja vlastite web stranice.

Postupak prepoznavanja fonta pomoću alata Inspect Element prilično je jednostavan i neće vam trebati vještine kodiranja. Ovaj je alat dostupan u svim preglednicima na tržištu i svaki ima sličan izgled.

Evo kako prepoznati font pomoću alata Pregled u pregledniku.

1. Otvorite web mjesto koje želite koristiti.
2. Označite tekst koji ima font koji želite prepoznati i kliknite ga desnom tipkom miša.
3. Kliknite na Pregledati iz kontekstnog izbornika.
4. Kada se otvori izbornik Inspect, kliknite na Računato.
5. Pomaknite se prema dolje da biste pronašli Obitelj fontova odjeljak. Ovdje možete pronaći naziv i stil fonta, kao i njegove dimenzije.

Ako želite brži način pronalaska fonta web lokacije pomoću alata Inspect, pokušajte umjesto toga:

1. Otvorite web mjesto koje želite koristiti.
2. Pritisnite Ctrl + Shift + C (Cmd + Shift + C na Macu).
3. Zadržite pokazivač iznad teksta da biste prikazali stil fonta, veličinu, kôd boje i marginu.

Također možete provjeriti popis fontova koji se koriste na web stranici pomoću alata Inspect. Evo kako to učiniti:

1. Idite na web stranicu.
2. Otvorite izvorni kod pritiskom na Ctrl + Shift + I (Cmd + Shift + I na Macu).
3. Pritisnite Mreža, a zatim odaberite Font tab.
4. Ovdje ćete vidjeti popis svih fontova koji se koriste na web stranici.

Da biste dobili popis svih fontova u stvarnom vremenu, možda ćete trebati osvježiti web stranicu.

Povezano: Kako povećati ili smanjiti veličinu fonta u Firefoxu

Kako prepoznati fontove pomoću proširenja preglednika

Ako želite prikladniji način prepoznavanja fonta, možda ćete htjeti instalirati proširenje preglednika za pronalaženje fonta. Iako postoji nekoliko proširenja preglednika koja mogu pomoći u otkrivanju fontova na webu, dva su najpopularnija WhatFont i Tražilica fontova.

Pogledajmo postupak identificiranja fontova pomoću oba proširenja.

1. WhatFont

WhatFont je široko popularan za brzo otkrivanje više fontova odjednom. Evo kako se koristi ovaj alat.

1. Kad je WhatFont omogućen u vašem pregledniku, zadržite pokazivač iznad teksta da biste prikazali njegov font.
2. Jednom kada kliknete na tekst, pojavit će se skočni prozor s ostatkom pojedinosti o fontu, poput veličine, boje i stila fonta.
3. Uz to možete istovremeno odabrati više odjeljaka teksta za usporedbu različitih fontova na istoj stranici.

Preuzimanje datoteka: WhatFont for Krom | Firefox | Safari (Besplatno)

2. Tražilica fontova

Pretraživač fontova također prikazuje detalje o fontu kada zadržite pokazivač iznad bilo kojeg teksta na web mjestu. Međutim, pruža puno tehničkih detalja, pa može postati malo zbunjujuće ako niste upoznati s web dizajnom.

Međutim, Font Finder prikladniji je za web programere koji žele u stvarnom vremenu zamijeniti postojeće fontove novim. To olakšava testiranje fontova prije bilo kakvih trajnih promjena.

Evo kako isprobati font pomoću programa Finder fontova:

1. Istaknite dio teksta s web stranice.
2. Desnom tipkom miša kliknite na nju i odaberite Tražilica fontova iz kontekstnog izbornika.
3. Odaberi Zamijenite font s i unesite naziv fonta. Dodajmo Calibri i pogledajte kako mijenja font u pregledu.
4. Ako želite resetirati font, osvježite stranicu.

Preuzimanje datoteka: FontFinder za Krom | Rub | Firefox (Besplatno)

Što je s provjerom fonta na slici?

Ako želite prepoznati fontove na slici, proširenja preglednika i alat Pregled vašeg preglednika možda neće pomoći. Međutim, možete isprobati mrežne alate za pregled slika poput WhatFontIs, FontSquirrel, Fontspring, WhatTheFont, i mnogi drugi.

Postupak prepoznavanja fonta sa slike uglavnom je jednak u svim alatima. Pokušajmo prepoznati font na slici pomoću programa WhatTheFont.

1. Ako već niste, preuzmite sliku koju želite koristiti.
2. Uvezite sliku u WhatTheFont.
3. WhatTheFont će automatski prepoznati tekst na vašoj slici. Smanjite ili povećajte okvir za obrezivanje tako da okružuje font koji želite prepoznati. Udari gumb sa strelicom kad završi.
4. WhatTheFont će zatim podudarati font na slici sa fontovima u svojoj galeriji i prikazat će vam usko povezane fontove.
5. Ako odmah ne pronađete dobro podudaranje, možete nastaviti kliktati Prikaži više rezultata da biste vidjeli više srodnih fontova.

Povezano: Najbolje web stranice s besplatnim fontovima za besplatne fontove na mreži

Otkrijte fontove s weba i upotrijebite ih u svojim dizajnom

Fontovi igraju značajnu ulogu u uspjehu web stranice ili grafičkog dizajna. Ako naletite na zanimljiv font tijekom pregledavanja weba, lako ga možete otkriti pomoću gornjih metoda.

WhatTheFont i 4 alternative za pronalaženje fontova sa slika

Želite pronaći fontove sa slika? Postoje mrežni alati koji to mogu učiniti za vas, uključujući WhatTheFont i razne alternative.

Pročitajte Dalje

O autoru