Cum să verificați dimensiunea și fața fontului pe un site web

indiferent dacă sunteți în design sau la fel ca aspectul unui anumit site web, știind ce tip de font folosește site-ul și ce dimensiune este vă poate ajuta să îl imitați sau să îl utilizați pe propriul site web. Există mai multe modalități de a realiza acest lucru și vă voi arăta câteva dintre ele aici. Deci, dacă doriți să verificați tipul și dimensiunea fontului pe un site web, citiți mai departe!

cum să verificați dimensiunea fontului pe un site web

cu literalmente milioane de fonturi acolo, constatând că unul perfect poate dura mai mult decât ar trebui. Când faci la fața locului unul bun, aveți nevoie pentru a afla ce este chiar acolo și apoi, altfel ai putea pierde pentru totdeauna. Dacă este unul deosebit de bun, îl puteți utiliza pe propriul site web, ca font de birou sau în Windows, în funcție de tipul de font. Doar asigurați-vă că rețineți că unele fonturi au fost protejate prin drepturi de autor și nu sunt disponibile pentru uz public.

verificarea tipului și dimensiunii fontului pe un site web

există câteva modalități de a verifica tipul și dimensiunea fontului pe orice site web. Cea mai ușoară metodă folosește browserul în sine, în timp ce alții folosesc instrumente terțe pentru a identifica activele paginii. Voi acoperi ambele tipuri. În primul rând, ne vom concentra pe metoda browserului încorporat.

  1. faceți clic dreapta pe pagina care vă place aspectul și selectați Inspect Element (Firefox), Inspect (Chrome) sau F12 Developer Tools (Edge). Chrome Web menu
  2. selectați Inspector (Firefox) sau computerizat (Chrome) în noile ferestre de jos și derulați în jos în dreapta până când ajungeți la Font sau font-size. Ar trebui să arate familia de fonturi, fontul specific utilizat, dimensiunea, culoarea și orice altceva definește pagina. instrumentul Inspector Chrome

diferite CMS și diferite modele web afișează informațiile despre fonturi în diferite moduri. Încercați această metodă pe câteva pagini web și veți vedea probabil câteva moduri diferite în care sunt definite fonturile.

instrumente terță parte pentru a identifica tipul și dimensiunea fontului

există câteva suplimente terțe care funcționează fie ca pluginuri, fie ca marcaje și pot identifica tipurile de fonturi. Acestea funcționează cu majoritatea browserelor, inclusiv Safari, deci ar trebui să găsiți ceva cu care să puteți lucra fără prea multe probleme.

Firebug

cum să verificați-font-type-and-size-on-a-website-2

Firebug a fost un instrument de depanare numai pentru Firefox pentru dezvoltatori. A devenit atât de popular încât acum este browser agnostic și va funcționa cu majoritatea browserelor. Este un instrument incredibil de versatil care poate verifica orice element al unei pagini web, inclusiv fontul.

  1. trebuie doar să instalați suplimentul așa cum ați face în mod normal, evidențiați un text pe pagină, faceți clic pe fila HTML din Firebug, apoi faceți clic pe calculat în dreapta. Firebug ar trebui apoi să evidențieze numele fontului, familia fontului, dimensiunea, greutatea și tot ce trebuie să știți.

cu toate acestea, rețineți că Firebug a fost întrerupt începând cu 2017. Versiunile mai vechi ale acestuia pot fi descărcate, dar nu vor mai fi actualizate, iar Firebug va pierde probabil funcționalitatea pe măsură ce browserele evoluează.

cum să verificați-font-type-and-size-on-a-website-3

WhatFont

WhatFont este un bookmarklet care poate identifica fonturile pe paginile web. Trageți marcajul pe bara de marcaje și utilizați-l pentru a identifica aproape orice font, oriunde. Este gratuit de utilizat și foarte simplu. Navigați la o pagină web care vă place, faceți clic pe marcaj și plasați cursorul peste fontul pe care doriți să îl identificați. Peste ea apare o mică cutie neagră, care vă spune fontul.

pe măsură ce a fost actualizat, a fost chiar compatibil cu suplimentele conexe.

din nou, în funcție de modul în care este configurat CMS sau de modul în care este proiectată pagina, aceasta va fi fie o identificare simplă a fontului, fie o casetă completă care vă oferă Dimensiune, Culoare, greutate și așa mai departe.

Fontanello

nu trebuie confundat cu jucătorul de fotbal, Fontanello este o extensie de browser gratuită excelentă care vă permite să vizualizați rapid și ușor fontul unui site. Deși în prezent este disponibil doar pentru Chrome și Firefox, această extensie merită descărcată.

inspectarea site-urilor web

există o mulțime de suplimente de tip bookmarklet care pot identifica fonturile; WhatFont este doar unul dintre ele. Folosești una? Te-a convins acest articol să încerci unul nou? Spuneți-ne mai jos.

Lasă un răspuns

Adresa ta de email nu va fi publicată.