Cum să găsiți fontul unei pagini web utilizând instrumentul Inspect Element și extensiile browserului

Cum să găsiți fontul unei pagini web utilizând instrumentul Inspect Element și extensiile browserului

Succesul site-ului dvs. web depinde în mare măsură de aspectul acestuia. Dacă aveți combinația de culori și tema potrivite, veți menține vizitatorii pe site-ul dvs. pentru puțin mai mult timp. Pe lângă paleta de culori și structura site-ului dvs., fontul pe care îl alegeți joacă, de asemenea, un rol esențial în menținerea implicării publicului.





Poate că întâlniți un site atrăgător în timp ce navigați pe web și doriți să știți ce fonturi utilizează. Cu extensiile online și instrumentul de inspectare integrat al browserului dvs., identificarea unui font este rapidă și ușoară.



Cum să găsiți fonturi utilizând instrumentul Inspectare element

În cazul în care nu știați, instrumentul de inspectare integrat al browserului dvs. vă permite să examinați codul sursă al unui site web. Puteți înțelege elementele de design ale unui site uitându-vă la CSS, HTML și alte informații. Este o modalitate excelentă de a vă inspira atunci când vă proiectați propriul site.





Procesul de identificare a unui font folosind instrumentul Inspect Element este destul de simplu și nu veți avea nevoie de abilități de codare. Acest instrument este disponibil în toate browserele de pe piață și fiecare are un aspect similar.

de ce descărcările Chrome sunt atât de lente

Iată cum puteți identifica un font utilizând instrumentul Inspectare al browserului.



  1. Deschideți site-ul web pe care doriți să îl utilizați.
  2. Evidențiați textul care are fontul pe care doriți să îl identificați și faceți clic dreapta pe el.
  3. Click pe Inspecta din meniul contextual.
  4. Când se deschide meniul Inspectați, faceți clic pe Calculat .
  5. Derulați în jos pentru a găsi Familie de fonturi secțiune. Aici puteți găsi numele și stilul fontului, precum și dimensiunile acestuia.

Alte modalități de utilizare a instrumentului de inspecție

Dacă doriți o modalitate mai rapidă de a găsi fontul unui site folosind instrumentul Inspectați, încercați în schimb:

  1. Deschideți site-ul web pe care doriți să îl utilizați.
  2. presa Ctrl + Shift + C ( Cmd + Shift + C pe Mac).
  3. Plasați cursorul peste text pentru a afișa stilul fontului, dimensiunea, codul de culoare și marja.

De asemenea, puteți verifica lista fonturilor utilizate pe o pagină web folosind instrumentul Inspectare. Iată cum puteți face acest lucru:



  1. Accesați pagina web.
  2. Deschideți codul sursă apăsând Ctrl + Shift + I ( Cmd + Shift + I pe Mac).
  3. Apasă pe Reţea , apoi selectați fișierul Face filă.
  4. Aici, veți vedea o listă cu toate fonturile utilizate pe pagina web.

Pentru a obține lista tuturor fonturilor în timp real, poate fi necesar să reîmprospătați pagina web.

Legate de: Cum se mărește sau se micșorează dimensiunea fontului în Firefox



Cum se identifică fonturile folosind extensiile de browser

Dacă doriți o modalitate mai convenabilă de a identifica un font, vă recomandăm să instalați o extensie de browser pentru găsirea fontului. Deși există mai multe extensii de browser care pot ajuta la detectarea fonturilor pe web, cele mai populare două sunt WhatFont și Căutare fonturi .

Să aruncăm o privire la procesul de identificare a fonturilor folosind ambele extensii.

1. WhatFont

WhatFont este foarte popular pentru detectarea rapidă a mai multor fonturi simultan. Iată cum să utilizați acest instrument.

  1. Când WhatFont este activat în browserul dvs., plasați cursorul peste text pentru a afișa fontul acestuia.
  2. După ce faceți clic pe text, va apărea o fereastră pop-up cu restul detaliilor fontului, cum ar fi dimensiunea fontului, culoarea și stilul.
  3. În plus, puteți selecta mai multe secțiuni de text simultan pentru a compara diferite fonturi pe aceeași pagină.

Descarca: Pentru ce Crom | Firefox | Safari (Liber)

2. Căutare fonturi

Font Finder afișează, de asemenea, detaliile fontului atunci când treceți cu mouse-ul peste orice text de pe un site web. Cu toate acestea, oferă multe detalii tehnice, deci poate deveni puțin confuz dacă nu sunteți familiarizați cu designul web.

Acestea fiind spuse, Font Finder este mai potrivit pentru dezvoltatorii web care doresc să înlocuiască fonturile existente cu altele noi în timp real. Acest lucru facilitează testarea fonturilor înainte de a efectua modificări permanente.

Iată cum puteți testa un font folosind Font Finder:

  1. Evidențiați o porțiune de text de pe pagina web.
  2. Faceți clic dreapta pe el și selectați Căutare fonturi din meniul contextual.
  3. Selectați Înlocuiți fontul cu și introduceți numele fontului. Să adăugăm Calibre și vedeți cum modifică fontul în previzualizare.
  4. Dacă doriți să resetați fontul, reîmprospătați pagina.

Descarca: FontFinder pentru Crom | Margine | Firefox (Liber)

Dar verificarea fontului dintr-o imagine?

Dacă doriți să identificați fonturile dintr-o imagine, este posibil ca extensiile de browser și instrumentul Inspectare al browserului dvs. să nu vă ajute. Cu toate acestea, puteți încerca instrumente online de inspector de imagine, cum ar fi WhatFontIs , FontSquirrel , Fontspring , WhatTheFont , și multe altele.

Procesul de identificare a unui font dintr-o imagine este în mare parte același în toate instrumentele. Să încercăm să identificăm fontul dintr-o imagine folosind WhatTheFont.

  1. Dacă nu ați făcut-o deja, descărcați imaginea pe care doriți să o utilizați.
  2. Importați imaginea în WhatTheFont .
  3. WhatTheFont va detecta automat textul din imaginea dvs. Măriți sau măriți caseta de decupare astfel încât să înconjoare fontul pe care doriți să îl identificați. Loveste butonul săgeată când este terminat.
  4. WhatTheFont va potrivi apoi fontul din imagine cu fonturile din galeria sa și vă va arăta fonturi strâns legate.
  5. Dacă nu găsiți o potrivire bună imediat, puteți continua să faceți clic Afișați mai multe rezultate pentru a vedea mai multe fonturi conexe.

Legate de: Cele mai bune site-uri web gratuite pentru fonturi gratuite online

Detectați fonturile de pe web și utilizați-le în desenele dvs.

Fonturile joacă un rol semnificativ în succesul unui site web sau al unui design grafic. Dacă dați peste un font captivant în timp ce navigați pe web, îl puteți detecta cu ușurință folosind metodele de mai sus.

Acțiune Acțiune Tweet E-mail WhatTheFont și 4 alternative pentru a găsi fonturi din imagini

Doriți să găsiți fonturi din imagini? Există instrumente online care pot face acest lucru pentru dvs., inclusiv WhatTheFont și diverse alternative.

Citiți în continuare Subiecte asemănătoare
  • Internet
  • Creativ
  • Fonturi
  • Extensii pentru browser
  • Sfaturi de navigare
Despre autor Shan Abdul |(46 articole publicate)

Shan Abdul este absolvent de inginerie mecanică. După finalizarea studiilor, și-a început cariera ca scriitor independent. El scrie despre utilizarea diferitelor instrumente și software pentru a ajuta oamenii să fie mai productivi ca student sau profesionist. În timpul liber, îi place să vizioneze videoclipuri de pe YouTube despre productivitate.

Mai multe de la Shan Abdul

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona