Så du gjør ting som surfer på nettet og snubler over den illest font combo, men du kan ikke identifisere skrifttypen? Vel i denne videoen (og liste opp nedenfor) viser jeg deg nøyaktig hvordan du finner disse skriftene…
Fontanello (Chrome + Firefox)
Fontanello Chrome Og Firefox Extension, etter min mening, er den raskeste måten å finne ut hvilken skrift en nettside bruker. Du bare høyreklikker på teksten, finne Fontanello i menyen og pow det er skriften familien og noen ekstra attributter.
WhatFont (Chrome og Safari)
WhatFont Chrome Og Safari-Utvidelse er mitt favorittalternativ når det gjelder skriftoppdagelse. For å aktivere verktøyet må du klikke På Hva Font-ikonet i nettlesermenyen. Nå kan du velge flere deler av teksten slik at en bedre visualisering av skriften sammenbrudd vs Fontanello.
Visual Inspector (Chrome)
Visual Inspector Chrome-Utvidelsen gir litt mer dybde enn de to ovennevnte. Du klikker Bare På Visual Inspector-ikonet I Chrome-menyen for å aktivere verktøyet, og deretter gå over Til Typografi-delen i rullegardinmenyen. Du blir nå presentert med skriftfamiliene som brukes med en ekstra oversikt over all typografi på nettsiden.
God Gammel Kodeinspeksjon (Alle Nettlesere)
Så hvis du prøver å unngå å installere dusinvis av nettleserutvidelser, kan vi finne mer om skriftene som brukes gjennom en god gammel kodeinspeksjon:
hvis Du bruker Google Chrome, høyreklikk på mysterieteksten, velg Inspiser. DevTools dukker opp, sørg for at du er På Fanen Stiler og hodet Til Font-Familien attributter for å lære mer om skriftene.
hvis Du bruker Firefox, høyreklikk teksten, velg Inspiser Element. Deres inspektør dukker opp, nå hodet til praktisk Fonter fanen for info du trenger.
hvis Du bruker Safari, må Du kontrollere At Utviklermenyen er synlig ved å merke av i boksen nederst I Avansert-fanen I Safari-valg. Høyreklikk nå teksten, velg Inspiser Element. Åpne sidepanelet for detaljer hvis det er lukket, og velg Alternativet Styles-Computered. Font-family-delen vil presentere skriftinformasjonen i stilattributtene.
Avdekke Omdøpt Fonter (avansert metode)
et hinder vi kan møte er når en skriftfamilie ikke er tydelig navngitt, kaster naturlig av fontinspeksjonsverktøy og metoder. Vi starter bergingsoppdraget ved å faktisk laste ned skrifttypen.
det er flere måter å gjøre dette på, men jeg begynner med å merke det nåværende skriftnavnet. Åpne Nå Inspektørverktøyet (Jeg bruker Google Chrome), gå til Programfanen og bla Til Rammeseksjonen og åpne Fonter. Vi må matche filnavnet med skriftnavnet som er nevnt tidligere. Åpne nå den skriften i en ny fane for å laste den ned. Til slutt drar vi den fontfilen inn i det fantastiske Hva Kan Min Skrift Gjøre? nettstedet og bam, er skriften info presentert vakkert.
Mye kjærlighet,
Rob
Twitter: @robhope
LinkedIn: @robhope
E-Post: