Kako pronaći font web stranice pomoću alata za pregled elemenata i proširenja preglednika

Kako pronaći font web stranice pomoću alata za pregled elemenata i proširenja preglednika

Uspjeh vaše web stranice uvelike ovisi o njenom izgledu. Pravilna kombinacija boja i tema zadržat će vaše posjetitelje na vašoj web stranici još malo. Osim palete boja i strukture vaše web stranice, font koji odaberete također igra bitnu ulogu u zadržavanju vaše publike.





Možda ste tijekom pregledavanja weba naišli na privlačnu web lokaciju i želite znati koje fontove koristi. S mrežnim proširenjima i ugrađenim alatom Inspect Element preglednika identificiranje fonta je brzo i jednostavno.



Kako pronaći fontove pomoću alata Inspect Element

U slučaju da niste znali, ugrađeni alat preglednika preglednika omogućuje pregled izvornog koda web stranice. Elemente dizajna web mjesta možete razumjeti ako pogledate njegove CSS, HTML i druge informacije. To je sjajan način da dobijete inspiraciju prilikom dizajniranja vlastite web stranice.





Postupak identifikacije 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, a svaki ima sličan izgled.

koji me zove s ovog besplatnog broja

Evo kako prepoznati font pomoću alata Preglednik preglednika.



  1. Otvorite web mjesto koje želite koristiti.
  2. Označite tekst koji ima font koji želite identificirati i desnom tipkom miša kliknite na njega.
  3. Kliknite na Pregledati iz kontekstnog izbornika.
  4. Kad se otvori izbornik Inspect, kliknite na Izrač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.

Drugi načini korištenja alata Inspect

Ako želite brži način pronalaženja fonta web stranice pomoću alata Inspect, pokušajte ovo:

  1. Otvorite web mjesto koje želite koristiti.
  2. Pritisnite Ctrl + Shift + C ( Cmd + Shift + C na Macu).
  3. Zadržite pokazivač iznad teksta za prikaz stila fonta, veličine, koda boje i margina.

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. Kliknite na Mreža karticu, a zatim odaberite Napraviti tab.
  4. Ovdje ćete vidjeti popis svih fontova koji se koriste na web stranici.

Da biste u stvarnom vremenu dobili popis svih fontova, možda ćete morati 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 za identifikaciju fonta, možda biste htjeli instalirati proširenje preglednika za pronalaženje fontova. Iako postoji nekoliko proširenja preglednika koja mogu pomoći u otkrivanju fontova na webu, dva su najpopularnija WhatFont i Pronalaženje fontova .

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

1. WhatFont

WhatFont je nadaleko popularan za brzo otkrivanje više fontova odjednom. Evo kako koristiti ovaj alat.

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

Preuzimanje datoteka: Za štoFont Krom | Firefox | Safari (Besplatno)

2. Tražilica fontova

Font Finder također prikazuje pojedinosti o fontovima kada zadržite pokazivač miša iznad bilo kojeg teksta na web stranici. Međutim, pruža mnogo tehničkih detalja pa može biti malo zbunjujuće ako niste upoznati s web dizajnom.

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

Evo kako isprobati font pomoću programa Font Finder:

  1. Istaknite dio teksta s web stranice.
  2. Desnom tipkom miša kliknite na nju i odaberite Pronalaženje fontova iz kontekstnog izbornika.
  3. Odaberi Zamijenite font sa i unesite naziv fonta. Dodajmo Kalibri i pogledajte kako mijenja font u pretpregledu.
  4. Ako želite poništiti font, osvježite stranicu.

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

Što je s provjerom fonta na slici?

Ako želite identificirati fontove na slici, proširenja preglednika i alat Preglednik 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 identificiranja fonta sa slike uglavnom je isti u svim alatima. Pokušajmo identificirati font na slici pomoću WhatTheFonta.

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

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

Otkrijte fontove s weba i koristite ih u svom dizajnu

Fontovi igraju značajnu ulogu u uspjehu web stranice ili grafičkog dizajna. Ako tijekom pregledavanja weba naiđete na privlačan font, možete ga lako otkriti pomoću gore navedenih metoda.

Udio Udio Cvrkut E -pošta WhatTheFont i 4 alternative za pronalaženje fontova sa slika

Želite li 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 Povezane teme
  • Internet
  • Kreativno
  • Krstionica
  • Proširenja preglednika
  • Savjeti za pregledavanje
O autoru Shan Abdul |(46 objavljenih članaka)

Shan Abdul je diplomirani inženjer strojarstva. Nakon završetka školovanja započeo je karijeru kao slobodni pisac. Piše o korištenju različitih alata i softvera kako bi pomogao ljudima da budu produktivniji kao student ili profesionalac. U slobodno vrijeme voli gledati Youtube videozapise o produktivnosti.

Više od Shan Abdul

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu