Snabbtips Förhandsgranska Google Fonts direkt i Chrome

Med utgåvan av Typecast public beta kommer nästa steg i den underbara utvecklingen av webbfonter. En av (om inte den) största webbtypstjänsten är Google-webbfonter. Med över 500 teckensnittsfamiljer som kan användas utan kostnad eller begränsning erbjuder den en riktigt anmärkningsvärd tjänst. Låt oss titta på ett snabbt sätt att förhandsgranska Google-teckensnitt, utan att behöva faktiskt implementera dem i dina projekt.


De typsnitt som erbjuds av Typekit, fonts.com eller high end gjuterier kan vara av högre kvalitet när det gäller design och användbarhet, men hindret för att använda Google-webbfonter är mycket lägre. Du behöver inte ens ett Google-konto för att registrera dig.

Ett problem med att använda webbfonter testar emellertid olika exempel i dina egna projekt. Medan du bara kan ange en annan teckensnittsstack med vanliga teckensnitt, kräver en webbtyp ett utdrag av javascript (eller ett extra stilark) för att ladda tillgångarna. Detta kan vara en smärta om du vill prova olika webfonter i snabb följd.

Skriv in Google Font Previewer av Pamela Fox! En anmärkningsvärd liten Chrome-förlängning som låter dig förhandsgranska alla Google-webbfonter på alla webbplatser. Allt du frågar om är css-väljaren för det textblock du vill förhandsgranska.


Titta på Snabbtipset


Du kan ladda ner videoklippet eller prenumerera på Webdesigntuts + på YouTube ...

I tillägget kan du också ställa in textstorlek, textskugga och några andra omvandlingar i förhandsvisningen. Det skulle vara bra om du också kan välja andra webbtypstjänster, precis som du kan i Typecast, men för nu är det ett roligt och praktiskt litet alternativ.


Medel

  • Google Font Previewer för Chrome