så du laver dine ting på nettet og snubler over den dårligste skrifttypekombination, men du kan ikke identificere skrifttypen? Nå i denne video (og liste round-up nedenfor) viser jeg dig nøjagtigt, hvordan du finder disse skrifttyper…
Fontanello (Chrome + Firefoks)
Fontanello Chrome og Firefoks udvidelse er efter min mening den hurtigste måde at finde ud af, hvilken skrifttype en hjemmeside bruger. Du skal blot højreklikke på teksten, finde Fontanello i menuen og krigsfange der er skrifttypefamilien og nogle yderligere attributter.
Hvadfont (Chrome og Safari)
Hvadfont Chrome og Safari udvidelse er min favorit mulighed, når det kommer til font opdagelse. For at aktivere værktøjet skal du klikke på ikonet hvilken skrifttype i bro.ser-menuen. Nu kan du vælge flere dele af teksten giver en bedre visualisering af skrifttypen opdeling vs Fontanello.
Visual Inspector (Chrome)
Visual Inspector Chrome-udvidelse tilbyder lidt mere dybde end ovenstående to. Du skal blot klikke på ikonet Visual Inspector i Chrome-menuen for at aktivere værktøjet og derefter gå over til Typografiafsnittet i rullemenuen. Du bliver nu præsenteret for de skrifttypefamilier, der bruges med en yderligere opdeling af al typografi på hjemmesiden.
god gammel Kodeinspektion
så hvis du prøver at undgå at installere snesevis af bro.serudvidelser, kan vi finde mere om de skrifttyper, der bruges gennem en god gammel kodeinspektion:
hvis du bruger Google Chrome, skal du højreklikke på mysterieteksten, vælge inspicere. DevTools dukker op, Sørg for at du er på fanen stilarter og gå til Skrifttypefamilieattributterne for at lære mere om skrifttyperne.
Højreklik på teksten, Vælg Undersøg Element. Deres inspektør dukker op, gå nu til fanen praktiske skrifttyper for de oplysninger, du har brug for.
hvis du bruger Safari, skal du sørge for, at Udviklermenuen er synlig ved at markere afkrydsningsfeltet nederst på fanen Avanceret i Safari-Indstillinger. Højreklik nu på teksten, Vælg Undersøg Element. Åbn sidebjælken detaljer, hvis den er lukket, og vælg indstillingen Styles – Computed. Afsnittet font-family viser skrifttypeinfo i stilattributterne.
Afdæk omdøbte skrifttyper (Avanceret metode)
en hindring, vi kan møde, er, når en skrifttypefamilie ikke er tydeligt navngivet, smid naturligvis værktøjer og metoder til kontrol af skrifttyper. Vi starter bjærgningsmissionen ved faktisk at hente skrifttypen.
Der er flere måder at gøre dette på, men jeg starter med at bemærke det aktuelle skrifttypenavn. Åbn nu Inspektørværktøjet (jeg bruger Google Chrome), gå til fanen Program og rul til afsnittet rammer og åbn skrifttyper. Vi skal matche filnavnet med det tidligere nævnte skrifttypenavn. Åbn nu den skrifttype i en ny fane for at hente den. Endelig trækker vi den skrifttypefil ind i det fantastiske Hvad kan min skrifttype gøre? hjemmeside og bam, skrifttypen info præsenteres smukt.
meget kærlighed,
Rob
kvidre: @robhope
LinkedIn: @robhope
e-mail: