Kako preuzeti font s web-mjesta pomoću alata za razvojne programere

U ovom članku ćemo govoriti o tome kako možete preuzeti fontove s web-mjesta u pregledniku Chrome ili Edge pomoću alata za razvojne programere(download fonts from websites in Chrome or Edge browser using Developer Tools) . I Chrome i Edge dolaze s ugrađenim alatima za razvoj web stranica i autorima koji se koriste za provjeru web-mjesta izravno u pregledniku. Uz alate za razvojne programere(Developer Tools) možete učiniti mnogo toga . Na primjer, omogućuje vam prepoznavanje fontova na web(identify fonts on a website) -mjestu, pretraživanje unutar izvorne datoteke, korištenje ugrađenog sredstva za uljepšavanje, oponašanje senzora i geografske lokacije i još mnogo toga.

Sada također možete preuzeti fontove(download fonts) s web-mjesta pomoću alata za razvojne programere(Developer Tools) . Da biste preuzeli font s web stranice, morat ćete proći kroz neke opcije i isprobati trik. Pogledajmo postupak detaljno.

Kako preuzeti font s web-mjesta u Chromeu ili Edgeu pomoću alata za razvojne programere

Preuzmite (Download)font s web -mjesta pomoću alata za (Website)razvojne programere Chrome(Chrome Developer Tools)

U ovom postu ćemo vam pokazati korake za preuzimanje fonta s web-mjesta u Google Chromeu(Google Chrome) . Iste korake možete koristiti za preuzimanje fonta web-mjesta u pregledniku Microsoft Edge . Evo koraka za to:

  1. Pokrenite Google Chrome.
  2. Idite na web stranicu s koje želite preuzeti fontove.
  3. Otvorite Alati za razvojne programere.
  4. Idite na karticu Mreža.
  5. Kliknite(Click) na opciju Font i odaberite font za preuzimanje.
  6. Preuzmite datoteku fonta.
  7. Preimenujte preuzetu datoteku s nastavkom datoteke fonta.

Pogledajmo ove korake detaljno!

Prvo otvorite Google Chrome i idite na web mjesto s koje trebate preuzeti font. Zatim(Next) idite na izbornik s tri trake i kliknite opciju More Tools > Developer Alati za razvojne programere. Alternativno, također možete pritisnuti kombinaciju Ctrl + Shift + I da brzo otvorite ploču Alati za razvojne programere .(Developer Tools)

Sada, u otvorenom odjeljku Alati za razvojne programere(Developer Tools) , kliknite gumb s dvostrukom strelicom, a zatim odaberite i otvorite karticu Mreža(Network) na gornjoj traci izbornika. Nakon toga ponovno učitajte web stranicu na kojoj se nalazite.

Zatim kliknite na kategoriju Font i vidjet ćete popis ugrađenih fontova s ​​odgovarajućim nazivima fontova prisutnih na web stranici. Možete odabrati font s popisa i vidjet ćete njegov pregled na namjenskoj ploči kao što je prikazano na donjoj snimci zaslona.

Sada, kako prepoznati format fonta? Pa(Well) , samo zadržite pokazivač miša iznad fonta i na kraju vidite ekstenziju datoteke. Pogledajte donju snimku zaslona.

Nakon toga jednostavno kliknite desnom tipkom miša na font, a zatim iz kontekstnog izbornika kliknite na opciju Copy > Copy Response .

Zatim dodajte novu karticu u pregledniku Chrome i zalijepite kopirani odgovor u adresnu traku na kartici, a zatim pritisnite gumb Enter . Dok to učinite, datoteka će se preuzeti.

Sada idite u mapu Preuzimanja(Downloads) u koju se preuzima gornja datoteka fonta. Sada morate preimenovati ovu datoteku s nastavkom datoteke fonta. Za to prvo idite na karticu Prikaz( View) u File Exploreru(File Explorer) , a zatim provjerite jeste li omogućili opciju proširenja naziva datoteke(File name extensions) . Sada odaberite preuzetu datoteku fonta i kliknite na opciju Preimenuj(Rename) . Dodajte identificiranu ekstenziju datoteke fonta (npr. .woff2 ) i pritisnite tipku Enter.

Voila , ovako preuzimate datoteku fonta s web stranice.

Budući da se Microsoft Edge sada temelji na Chromiumu(Chromium) , poput Chromea(Chrome) , možete preuzeti datoteku fonta u pregledniku Edge slijedeći iste korake kao gore.

Nadamo se da vam je ovaj članak pomogao naučiti kako preuzeti fontove s web-mjesta u pregledniku Chrome(Chrome) ili Edge pomoću alata za razvojne programere(Developer Tools) .

SAVJET(TIP) : postoji još mnogo savjeta i trikova za razvojne alate za Chrome(Chrome Development Tools Tips and Tricks) koje možete naučiti.

Sada pročitajte: (Now read:) Koristite alate za razvojne programere za brisanje podataka web-lokacije za određenu web-lokaciju u Chromeu ili Edgeu(Use Developer Tools to clear Site Data for a particular website in Chrome or Edge) .



About the author

Ja sam web programer s iskustvom u radu sa sustavima Windows 11 i 10. Također sam mnogo godina korisnik Firefoxa i postao sam prilično vješt u korištenju potpuno nove igraće konzole Xbox One. Moji glavni interesi leže u razvoju softvera, posebno u web i mobilnom razvoju, kao i znanosti o podacima. Dobro sam upućen u razne računalne sustave i njihovu upotrebu, tako da mogu pružiti nepristrane povratne informacije o raznim programima ili uslugama koje biste mogli koristiti.



Related posts