Startpagina » Toolkit » Detecteer lettertype gemakkelijk met Fontface Ninja

    Detecteer lettertype gemakkelijk met Fontface Ninja

    Als u een lettertype tegenkomt dat u voor uw eigen gebruik wilt gebruiken, is de gebruikelijke manier om informatie over dat lettertype te achterhalen, de optie Inspect Element in de Chrome-browser te gebruiken.

    Kort gezegd, terwijl we in Chrome zijn, markeren we de tekst en klikken met de rechtermuisknop om te selecteren Inspecteer Element. We kunnen dan alle CSS-code zien die gerelateerd is aan de gemarkeerde tekst.

    Er is echter een probleem. Zoals je kunt zien in de tweede afbeelding, wordt de gemarkeerde tekst gestyled met veel selectors. Om ze allemaal één voor één te bekijken, duurt enige tijd.

    Fontface Ninja gebruiken om lettertype te detecteren

    Hier is waar Fontface Ninja komt binnen. Het is een browserextensie die u helpt identificeer een lettertype op naam. En het enige wat u hoeft te doen, is zweven boven het lettertype waarin u geïnteresseerd bent. Bovenop de naam van het lettertype geeft Fontface Ninja u ook de grootte en regelafstand ook.

    Een ander kenmerk van Fontface Ninja dat je misschien handig vindt, is de mogelijkheid om afbeeldingen en advertenties verbergen zodat u zich kunt concentreren op de lettertypen zonder onderbrekingen. Met de plug-in kunt u ook een lettertype proberen en als u het leuk vindt om het lettertype te kopen of te downloaden.

    Fontface Ninja installeren

    U kunt Fontface Ninja downloaden om te gebruiken in de browser van uw keuze.

    • Chrome
    • Safari

    Fontface Ninja gebruiken

    Na installatie verschijnt er een app-pictogram van een springende ninja in de buurt van de adresbalk van de browser. Klik erop om het te activeren. Nu kan je zweef over elke tekst op een webpagina om een ​​tooltip te krijgen met informatie over het lettertype.

    Om het lettertype te proberen, Klik erop, en het FontFace Ninja-logo verschuift naar links, waardoor je de ruimte krijgt om te typen en het gekozen lettertype te proberen. Je kan ook pas de maat aan van het lettertype.

    Als u alle afbeeldingen wilt verbergen zodat u zich kunt concentreren op alleen de typografie, klikt u op de Masker optie, die naast staat Dichtbij. All detect-font-fontface-ninja / wordt aan het zicht onttrokken.

    Gerelateerd - Live-testlettertypen in uw browser

    Als je Fontface Ninja leuk vindt, zou je het waarschijnlijk geweldig vinden Lettertype Dragr. We hebben eerder geschreven over hoe het een handig hulpmiddel is om ontwikkelaars zoals jij te helpen om lettertypen live in een browser te testen door het lettertype naar de webpagina zelf te slepen.

    Lees meer over hoe je lettertypen kunt leven met Font Dragr.