deci, faci dvs. de lucru navigarea pe web și se poticnească pe illest combo font, dar nu se poate identifica font? Ei bine, în acest videoclip (și lista de mai jos) vă arăt exact cum să găsiți acele fonturi…
Fontanello (Chrome + Firefox)
extensia Fontanello Chrome și Firefox, în opinia mea, este cel mai rapid mod de a afla ce font folosește o pagină web. Pur și simplu faceți clic dreapta pe text, găsiți Fontanello în meniu și pow există familia de fonturi și câteva atribute suplimentare.
WhatFont (Chrome și Safari)
extensia Whatfont Chrome și Safari este opțiunea mea preferată atunci când vine vorba de descoperirea fontului. Pentru a activa instrumentul, trebuie să faceți clic pe pictograma ce Font din meniul browserului. Acum Puteți selecta mai multe părți de text care să permită o mai bună vizualizare a defalcare font vs Fontanello.
Visual Inspector (Chrome)
Visual Inspector Chrome extensie oferă un pic mai mult adâncime decât cele de mai sus două. Pur și simplu faceți clic pe pictograma Inspector vizual din meniul Chrome pentru a activa instrumentul, apoi mergeți la secțiunea tipografie din meniul derulant. Acum vi se prezintă familiile de fonturi utilizate cu o defalcare suplimentară a tuturor tipografiei din pagina web.
inspecție bună a Codului vechi (toate browserele)
deci, dacă încercați să evitați instalarea a zeci de extensii de browser, putem găsi mai multe despre fonturile utilizate printr-o inspecție bună a codului vechi:
dacă utilizați Google Chrome, faceți clic dreapta pe textul misterios, selectați inspectați. DevTools apare, asigurați-vă că vă aflați în fila stiluri și mergeți la atributele Font-Family pentru a afla mai multe despre fonturi.
dacă utilizați Firefox, faceți clic dreapta pe text, selectați inspectați elementul. Inspectorul lor apare, acum mergeți la fila fonturi convenabile pentru informațiile de care aveți nevoie.
dacă utilizați Safari, asigurați-vă că meniul dezvoltator este vizibil bifând caseta din partea de jos a filei Advanced din preferințele Safari. Acum faceți clic dreapta pe text, selectați inspectați elementul. Deschideți bara laterală detalii dacă este închisă și selectați opțiunea stiluri – calculate. Secțiunea font-family va prezenta informațiile despre font în atributele stilului.
descoperă fonturi redenumite (metodă avansată)
un obstacol cu care ne putem confrunta este atunci când o familie de fonturi nu este denumită în mod clar, aruncați în mod natural instrumentele și metodele de inspecție a fonturilor. Începem misiunea de salvare descărcând efectiv fontul.
există mai multe moduri de a face acest lucru, dar încep prin a nota numele fontului curent. Acum Deschideți Instrumentul Inspector (folosesc Google Chrome), accesați fila Aplicație și derulați la secțiunea cadre și deschideți fonturi. Trebuie să potrivim numele fișierului cu numele fontului menționat anterior. Acum deschideți acel font într-o filă nouă pentru a-l descărca. În cele din urmă, tragem acel fișier de font în minunat ce poate face fontul meu? site-ul și bam, info font este prezentat frumos.
multă dragoste,
Rob
Twitter: @ robhope
LinkedIn: @ robhope
e-mail: