Opdag Font Face nemt med Fontface Ninja
Hvis du snuble på en skrifttype, som du vil vedtage til eget brug, er den almindelige måde at finde ud af info om den skrifttype på at bruge indstillingen Inspect Element, der findes i Chrome-browseren.
Dybest set, når vi er på Chrome, fremhæver vi teksten og højreklikker for at vælge Undersøg Element. Vi kan så se alle CSS-koden relateret til den fremhævede tekst.
Der er dog et problem. Som du kan se i det andet billede, bliver den fremhævede tekst stylet med mange selektorer. For at tjekke dem alle en efter en, vil det tage lidt tid.
Brug Fontface Ninja til at opdage skrifttype
Her er hvor Fontface Ninja kommer ind. Det er en browserudvidelse, som hjælper dig identificer en skrifttype ved navn. Og alt du skal gøre er at svæve over den skrifttype, du er interesseret i. På toppen af skrifttypens navn giver Fontface Ninja dig også den størrelse og linjeafstand såvel.
En anden funktion af Fontface Ninja du kan finde handy er evnen til skjul billeder og annoncer så du kan bare fokusere på skrifttyperne uden forstyrrelser. I plugin'et kan du også prøve en skrifttype, og hvis du kan lide at købe eller downloade skrifttypen.
Installation af Fontface Ninja
Du kan downloade Fontface Ninja til brug i den browser, du ønsker.
- Chrome
- Safari
Brug af Fontface Ninja
Når der er installeret, vises et appikon på en hoppende ninja i nærheden af adressefeltet i browseren. Klik på det for at aktivere det. Nu kan du svæve over enhver tekst på en webside for at få et værktøjstip, der viser oplysninger om skrifttypen.
For at prøve skrifttypen, klik på den, og FontFace Ninja-logoet skifter til venstre, hvilket giver dig plads til at skrive ud og prøve den skrifttype du har valgt. Du kan også juster størrelsen af skrifttypen.
For at skjule alle billeder, så du kan holde fokus på bare typografien, skal du klikke på Maske mulighed, som er ved siden af Tæt. Alle detekter-skrifttype-fontface-ninja / vil blive skjult for visning.
Relaterede - Live Test Fonts på din browser
Hvis du kan lide Fontface Ninja, vil du sikkert elske Font Dragr. Vi har tidligere skrevet om, hvordan det er et praktisk værktøj til at hjælpe udviklere som at du test skrifttyper lever i en browser, blot ved at trække skrifttypen til selve websiden.
Tjek mere om, hvordan du kan leve test skrifttyper med Font Dragr.