Hemsida » Toolkit » Upptäck Font Face enkelt med Fontface Ninja

    Upptäck Font Face enkelt med Fontface Ninja

    Om du snubblar på ett teckensnitt som du vill anta för eget bruk, är det vanliga sättet att få reda på information om det teckensnittet att använda alternativet Inspect Element som finns i Chrome-webbläsaren.

    I grunden, under Chrome, markerar vi texten och högerklickar för att välja Inspektera elementet. Vi kan då se alla CSS-koden relaterad till den markerade texten.

    Det finns dock ett problem. Som du kan se i den andra bilden blir den markerade texten stylad med många väljare. Att kolla alla av dem en efter en kommer att ta lite tid.

    Använda Fontface Ninja att upptäcka typsnitt

    Här är var Fontface Ninja kommer in. Det är en webbläsareförlängning som hjälper dig identifiera en typsnitt med namn. Och allt du behöver göra är att sväva över det teckensnitt du är intresserad av. På toppen av namnet på typsnittet ger Fontface Ninja dig också storlek och radavstånd också.

    En annan egenskap hos Fontface Ninja du kan hitta häftig är förmågan att dölja bilder och annonser så du kan bara fokusera på teckensnitt utan störningar. I plugin kan du också prova ett teckensnitt, och om du gillar att köpa eller ladda ner teckensnittet.

    Installera Fontface Ninja

    Du kan ladda ner Fontface Ninja för att använda den webbläsare du vill ha.

    • Krom
    • Safari

    Använda Fontface Ninja

    När en gång har installerats visas en ikon för en jumping ninja nära adressfältet i webbläsaren. Klicka på den för att aktivera den. Nu kan du sväva över vilken text som helst på en webbsida för att få ett verktygstips som visar information om teckensnittet.

    För att prova typsnittet, Klicka på det, och FontFace Ninja-logotypen flyttas till vänster, vilket ger dig utrymme att skriva ut och prova det teckensnitt du valde. Du kan också justera storleken av teckensnittet.

    För att dölja alla bilder så att du kan hålla fokus på bara typografi, klicka på Mask alternativet, som ligger bredvid Stänga. Alla detektera font-fontface-ninja / kommer att döljas från visning.

    Relaterade - Live-testfonter på din webbläsare

    Om du gillar Fontface Ninja, skulle du förmodligen älska Teckensnitt Dragr. Vi skrev tidigare om hur det är ett praktiskt verktyg för att hjälpa utvecklare som att du testfonter bor i en webbläsare bara genom att dra in teckensnittet på webbsidan själv.

    Kolla in mer om hur du kan leva testfonter med Font Dragr.