Kuinka löytää verkkosivun fontti Inspect Element -työkalun ja selainlaajennusten avulla

Kuinka löytää verkkosivun fontti Inspect Element -työkalun ja selainlaajennusten avulla

Verkkosivustosi menestys riippuu suuresti sen ulkonäöstä. Oikean väriyhdistelmän ja teeman ansiosta kävijät pysyvät sivustollasi hieman pidempään. Sivustosi värivalikoiman ja rakenteen lisäksi valitsemallasi fontilla on myös tärkeä rooli yleisön sitouttamisessa.





Ehkä törmäät houkuttelevaan sivustoon selatessasi verkkoa ja haluat tietää, mitä fontteja se käyttää. Online-laajennusten ja selaimesi sisäänrakennetun Inspect Element -työkalun avulla fontin tunnistaminen on nopeaa ja helppoa.



Fonttien löytäminen Inspect Element -työkalun avulla

Jos et tiennyt, selaimesi sisäänrakennetun Inspect Element -työkalun avulla voit tutkia verkkosivuston lähdekoodia. Voit ymmärtää sivuston suunnittelun elementtejä katsomalla sen CSS-, HTML- ja muita tietoja. Se on loistava tapa saada inspiraatiota oman sivustosi suunnittelussa.





Fontin tunnistaminen Inspect Element -työkalun avulla on melko yksinkertaista, etkä tarvitse mitään koodaustaitoja. Tämä työkalu on saatavana kaikissa markkinoilla olevissa selaimissa, ja jokaisella on samanlainen ulkoasu.

kuka soittaa minulle tästä numerosta ilmaiseksi

Näin voit tunnistaa fontin selaimesi Tarkastustyökalun avulla.



  1. Avaa verkkosivusto, jota haluat käyttää.
  2. Korosta teksti, jossa on kirjasin, jonka haluat tunnistaa, ja napsauta sitä hiiren kakkospainikkeella.
  3. Klikkaa Tarkastaa pikavalikosta.
  4. Kun Tarkista -valikko avautuu, napsauta Laskettu .
  5. Vieritä alas löytääksesi Fontti-perhe -osiossa. Täältä löydät fontin nimen ja tyylin sekä sen mitat.

Muita tapoja käyttää tarkastustyökalua

Jos haluat nopeamman tavan löytää sivuston fontti Tarkasta -työkalun avulla, kokeile sen sijaan tätä:

  1. Avaa verkkosivusto, jota haluat käyttää.
  2. Lehdistö Ctrl + Vaihto + C ( Cmd + Vaihto + C Macissa).
  3. Vie hiiri tekstin päälle näyttääksesi fontin tyylin, koon, värikoodin ja marginaalin.

Voit myös tarkistaa verkkosivulla käytettävien fonttien luettelon Tarkasta -työkalun avulla. Voit tehdä tämän seuraavasti:



  1. Siirry verkkosivulle.
  2. Avaa lähdekoodi painamalla Ctrl + Vaihto + I ( Cmd + Vaihto + I Macissa).
  3. Klikkaa Verkko -välilehti ja valitse sitten Tehdä välilehti.
  4. Täällä näet luettelon kaikista verkkosivulla käytetyistä kirjasimista.

Jos haluat nähdä luettelon kaikista kirjasimista reaaliajassa, sinun on ehkä päivitettävä verkkosivu.

Aiheeseen liittyviä: Kuinka lisätä tai pienentää kirjasinkokoa Firefoxissa



Fonttien tunnistaminen selainlaajennusten avulla

Jos haluat kätevämmän tavan tunnistaa kirjasin, sinun kannattaa asentaa kirjasimen etsivä selainlaajennus. Vaikka verkossa on useita selainlaajennuksia, jotka voivat auttaa tunnistamaan fontteja, kaksi suosituinta ovat WhatFont ja Fontti Finder .

Katsotaanpa fonttien tunnistamisprosessia molemmilla laajennuksilla.

1. WhatFont

WhatFont on laajalti suosittu havaitsemaan nopeasti useita fontteja kerralla. Näin voit käyttää tätä työkalua.

  1. Kun WhatFont on käytössä selaimessasi, vie hiiri tekstin päälle näyttääksesi sen fontin.
  2. Kun napsautat tekstiä, näkyviin tulee ponnahdusikkuna, jossa on loput kirjasintiedot, kuten kirjasinkoko, väri ja tyyli.
  3. Lisäksi voit valita useita tekstin osia samanaikaisesti vertaillaksesi eri fontteja samalla sivulla.

Ladata: Mitä varten Kromi | Firefox | Safari (Vapaa)

2. Fontti Finder

Fonttihaku näyttää myös kirjasintiedot, kun viet hiiren minkä tahansa verkkosivuston tekstin päälle. Se tarjoaa kuitenkin paljon teknisiä yksityiskohtia, joten se voi olla hieman hämmentävä, jos et tunne web -suunnittelua.

Tästä huolimatta Font Finder sopii paremmin web-kehittäjille, jotka haluavat korvata olemassa olevat fontit uusilla reaaliajassa. Tämä helpottaa kirjasinten testaamista ennen pysyvien muutosten tekemistä.

Voit testata fontin Font Finderin avulla seuraavasti:

  1. Korosta osa tekstistä verkkosivulta.
  2. Napsauta sitä hiiren kakkospainikkeella ja valitse Fontti Finder pikavalikosta.
  3. Valitse Korvaa fontti merkillä ja kirjoita fontin nimi. Lisätään Kalibroijat ja katso, miten se muuttaa fonttia esikatselussa.
  4. Jos haluat nollata fontin, päivitä sivu.

Ladata: FontFinder for Kromi | Reuna | Firefox (Vapaa)

Entä kuvan fontin tarkistaminen?

Jos haluat tunnistaa kuvan fontit, selainlaajennukset ja selaimen Tarkastustyökalu eivät välttämättä auta. Voit kuitenkin kokeilla online -kuvantarkistustyökaluja, kuten WhatFontIs , FonttiOrava , Fontspring , WhatFont , ja monet muut.

Prosessi fontin tunnistamiseksi kuvasta on suurelta osin sama kaikissa työkaluissa. Yritetään tunnistaa fontti kuvassa WhatTheFontin avulla.

  1. Jos et ole jo tehnyt sitä, lataa haluamasi kuva.
  2. Tuo kuva kohteeseen WhatFont .
  3. WhatTheFont tunnistaa automaattisesti kuvasi tekstin. Pienennä tai suurenna rajauslaatikkoa niin, että se ympäröi tunnistettavan fontin. Lyö nuolipainike kun valmis.
  4. WhatTheFont täsmää sitten kuvan fontin gallerian kirjasimien kanssa ja näyttää läheisesti liittyvät fontit.
  5. Jos et löydä sopivaa ottelua heti, voit jatkaa napsauttamista Näytä lisää tuloksia nähdäksesi lisää aiheeseen liittyviä fontteja.

Aiheeseen liittyviä: Parhaat ilmaiset fonttisivustot ilmaisille kirjasimille verkossa

Tunnista fontit verkosta ja käytä niitä malleissasi

Fonteilla on merkittävä rooli verkkosivuston tai graafisen suunnittelun onnistumisessa. Jos törmäät kiinnostavaan kirjasimeen selatessasi verkkoa, voit helposti tunnistaa sen yllä olevilla tavoilla.

Jaa Jaa Tweet Sähköposti WhatTheFont ja 4 vaihtoehtoa löytää fontteja kuvista

Haluatko löytää fontteja kuvista? On olemassa online -työkaluja, jotka voivat tehdä sen puolestasi, mukaan lukien WhatTheFont ja eri vaihtoehdot.

Lue seuraava Liittyvät aiheet
  • Internet
  • Luova
  • Fontit
  • Selainlaajennukset
  • Selausvihjeitä
Kirjailijasta Shan Abdul |(46 artikkelia julkaistu)

Shan Abdul on valmistunut konetekniikasta. Koulutuksensa jälkeen hän on aloittanut uransa freelance -kirjailijana. Hän kirjoittaa erilaisten työkalujen ja ohjelmistojen käyttämisestä auttaakseen ihmisiä olemaan tuottavampia opiskelijana tai ammattilaisena. Vapaa -ajallaan hän rakastaa katsella Youtube -videoita tuottavuudesta.

Lisää Shan Abdulilta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi