Kuinka tarkistaa Fontin koko & kasvot verkkosivustolla

, pidätkö designista vai vain tietyn sivuston ulkoasusta, tietäen, millaista fonttia sivusto käyttää ja minkä kokoinen se on, voi auttaa sinua jäljittelemään sitä tai käyttämään sitä omalla verkkosivustollasi. On olemassa useita tapoja saavuttaa tämä, ja näytän sinulle muutamia niistä täällä. Joten jos haluat tarkistaa fontin tyyppi ja koko verkkosivuilla, lue!

Miten tarkistaa Fontin koko kasvot verkkosivuilla

kirjaimellisesti miljoonia fontteja siellä, toteamalla, että täydellinen voi kestää kauemmin kuin sen pitäisi. Kun teet paikalla hyvä, sinun täytyy selvittää, mitä se on juuri siellä ja sitten, muuten voit menettää sen lopullisesti. Jos se on erityisen hyvä, voit käyttää sitä omalla verkkosivustollasi, Office-fonttina tai Windowsin sisällä kirjasintyypistä riippuen. Muista vain pitää mielessä, että jotkut fontit on suojattu tekijänoikeuksin ja ne eivät ole saatavilla yleiseen käyttöön.

kirjasintyypin ja koon tarkistaminen verkkosivustolla

kirjasintyypin ja koon tarkistaminen millä tahansa verkkosivustolla on muutamia tapoja. Helpoin tapa käyttää itse selainta, kun taas toiset käyttävät kolmannen osapuolen työkaluja sivun varojen tunnistamiseen. Hoidan molemmat tyypit. Ensin keskitymme sisäänrakennettuun selainmenetelmään.

  1. napsauta hiiren kakkospainikkeella sivua, josta pidät, ja valitse tarkasta Elementti (Firefox), tarkasta (Chrome) tai F12 kehittäjätyökalut (Edge).  Chrome Web menu
  2. valitse Inspector (Firefox) tai Computed (Chrome) uusissa alaikkunoissa ja selaa oikealla alaspäin, kunnes saavutat fontin tai kirjasinkoon. Sen pitäisi näyttää kirjasinperhe, käytetty fontti, sen koko, sen väri ja kaikki muu, mitä sivu määrittelee. Chrome Inspector Tool

eri CMS ja eri web malleja näyttää niiden fonttitietoja eri tavoin. Kokeile tätä menetelmää muutamalla verkkosivulla ja näet todennäköisesti muutamia eri tapoja fontteja määritellään.

kolmannen osapuolen työkalut kirjasintyypin ja koon tunnistamiseksi

on olemassa muutamia kolmannen osapuolen lisäosia, jotka toimivat joko liitännäisinä tai kirjanmerkkeinä ja voivat tunnistaa kirjasintyypit. Ne toimivat useimpien selainten kanssa, mukaan lukien Safari, joten sinun pitäisi löytää jotain, jonka kanssa voit työskennellä ilman suurempia ongelmia.

Firebug

 miten-to-check-font-type-and-size-on-a-website-2

Firebug oli aiemmin vain Firefox-virheenkorjaustyökalu kehittäjille. Siitä tuli niin suosittu, että se on nyt selainagnostikko ja toimii useimpien selainten kanssa. Se on uskomattoman monipuolinen työkalu, joka voi tarkistaa minkä tahansa osan web-sivun, kuten fontti.

  1. asenna lisäosa normaalisti, korosta tekstiä sivulla, napsauta HTML-välilehteä Firebugissa ja valitse sitten Computed oikealla. Firebug pitäisi sitten korostaa fontin nimi, fonttiperhe, koko, paino, ja kaikki mitä sinun tarvitsee tietää.

kannattaa kuitenkin muistaa, että Firebugin valmistus on lopetettu vuodesta 2017 alkaen. Sen vanhempia versioita voi edelleen ladata, mutta niitä ei päivitetä enää, ja Firebug todennäköisesti menettää toiminnallisuutensa selainten kehittyessä.

 kirjasintyypin ja koon tarkistaminen-3

WhatFont

WhatFont on bookmarklet, josta voi tunnistaa kirjasimia verkkosivuilta. Vedä bookmarklet kirjanmerkkipalkkiin ja käytä sitä tunnistamaan lähes minkä tahansa fontin, missä tahansa. Se on ilmainen käyttää, ja hyvin yksinkertainen. Siirry haluamallesi web-sivulle, napsauta bookmarklet-painiketta ja viet fontin, jonka haluat tunnistaa. Sen päälle ilmestyy pieni musta laatikko, joka kertoo kirjasimen.

koska se on päivitetty, se on jopa tehty yhteensopivaksi liittyvien lisäosien kanssa.

riippuen siitä, miten CMS on määritetty tai miten sivu on suunniteltu, tämä on joko yksinkertainen fontin tunniste tai Täysi laatikko, joka antaa sinulle koon, värin, painon ja niin edelleen.

Fontanello

ei pidä sekoittaa jalkapalloilijaan, Fontanello on loistava ilmainen selainlaajennus, jonka avulla voit nopeasti ja helposti tarkastella sivuston fonttia. Vaikka se on tällä hetkellä saatavilla vain Chromelle ja Firefoxille, tämä laajennus on lataamisen arvoinen.

Inspecting Websites

on olemassa paljon bookmarklet-tyyppisiä lisäosia, jotka tunnistavat kirjasimet; WhatFont on vain yksi niistä. Käytätkö sellaista? Onko tämä kirjoitus saanut sinut kokeilemaan uutta? Kerro meille alla.

Vastaa

Sähköpostiosoitettasi ei julkaista.