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

Verkkosivustosi menestys riippuu suuresti sen ulkonäöstä. Oikean väriyhdistelmän ja teeman pitäminen pitää kävijät sivustossasi vähän kauemmin. Sivustosi väripaletin ja -rakenteen lisäksi valitsemallasi fontilla on myös tärkeä rooli yleisön sitouttamisessa.

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

Jos et tiennyt, selaimesi sisäänrakennettu Tarkasta elementti -työkalu antaa sinun tutkia verkkosivuston lähdekoodia. Voit ymmärtää sivuston suunnitteluelementtejä tarkastelemalla sen CSS: ää, HTML: ää ja muuta tietoa. Se on hieno tapa saada inspiraatiota suunnitellessasi omaa sivustoasi.

Kirjasimen tunnistaminen Inspect Element -työkalulla on melko yksinkertainen, eikä sinun tarvitse koodaustaitoja. Tämä työkalu on saatavana kaikissa markkinoiden selaimissa, ja jokaisella on samanlainen ulkoasu.

Näin voit tunnistaa fontin selaimesi Tarkastustyökalulla.

1. Avaa verkkosivusto, jota haluat käyttää.
2. Korosta teksti, jolla on tunnistettava fontti, ja napsauta sitä hiiren kakkospainikkeella.
3. Klikkaa Tarkastaa pikavalikosta.
4. Kun Tarkasta-valikko avautuu, napsauta Laskettu.
5. Selaa alaspäin löytääksesi Font-perhe -osiossa. Täältä löydät fontin nimen ja tyylin sekä sen mitat.

Jos haluat nopeamman tavan löytää sivuston kirjasin Tarkastustyökalulla, kokeile seuraavaa:

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 kirjasintyylin, koon, värikoodin ja marginaalin.

Voit myös tarkistaa verkkosivulla käytettyjen fonttien luettelon Tarkastustyökalulla. Näin voit tehdä tämän:

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

Jos haluat saada luettelon kaikista kirjasimista reaaliajassa, joudut ehkä päivittämään verkkosivun.

Liittyvät: Kuinka lisätä tai vähentää kirjasinkokoa Firefoxissa

Fonttien tunnistaminen selainlaajennusten avulla

Jos haluat kätevämmän tavan tunnistaa kirjasin, kannattaa ehkä asentaa kirjasimen löytävä selainlaajennus. Vaikka on olemassa useita selainlaajennuksia, jotka voivat auttaa tunnistamaan kirjasimet verkossa, kaksi suosituinta ovat WhatFont ja Fontinhaku.

Katsotaanpa fonttien tunnistamisprosessia molempien laajennusten avulla.

1. WhatFont

WhatFont on laajalti suosittu useiden kirjasinten nopeasti havaitsemiseksi 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ä, esiin tulee ponnahdusikkuna, jossa on muut fontin yksityiskohdat, kuten kirjasimen koko, väri ja tyyli.
3. Lisäksi voit valita useita tekstiosuuksia samanaikaisesti verrata eri fontteja samalla sivulla.

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

2. Fontinhaku

Fontinhaku 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 ole perehtynyt verkkosuunnitteluun.

Font Finder soveltuu paremmin web-kehittäjille, jotka haluavat korvata nykyiset fontit uusilla reaaliajassa. Tämän ansiosta fonttien testaaminen on helppoa ennen pysyvien muutosten tekemistä.

Näin voit testata fontin Font Finderilla:

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

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

Entä kuvan fontin tarkistaminen?

Jos haluat tunnistaa kuvan fontit, selainlaajennukset ja selaimesi Tarkastustyökalu eivät välttämättä auta. Voit kuitenkin kokeilla online-kuvantarkastustyökaluja, kuten WhatFontIs, Kirjasin Orava, Fontspring, WhatTheFont, ja monet muut.

Kirjasimen tunnistaminen kuvasta on pitkälti sama kaikissa työkaluissa. Yritetään tunnistaa kuvan fontti WhatTheFont-toiminnolla.

1. Lataa haluamasi kuva, jos et ole vielä tehnyt niin.
2. Tuo kuva kohteeseen WhatTheFont.
3. WhatTheFont tunnistaa kuvan tekstin automaattisesti. Kutista tai suurenna rajausruutua siten, että se ympäröi tunnistettavan fontin. Lyö nuolipainike kun valmis.
4. WhatTheFont sovittaa sitten kuvan fontin gallerian fontteihin ja näyttää läheisesti liittyvät fontit.
5. Jos et löydä hyvää ottelua heti, voit jatkaa napsauttamista Näytä lisää tuloksia nähdäksesi lisää liittyviä fontteja.

Liittyvät: Parhaat ilmaiset kirjasinsivustot ilmaisia ​​fontteja varten verkossa

Tunnista kirjasimet verkosta ja käytä niitä malleissasi

Fonteilla on merkittävä rooli verkkosivuston tai graafisen suunnittelun menestyksessä. Jos törmäät kiinnostavaan kirjasimeen web-selailun aikana, voit tunnistaa sen helposti yllä olevilla menetelmillä.

WhatTheFont ja 4 vaihtoehtoa fonttien etsimiseen kuvista

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

Lue seuraava

Kirjailijasta