WWW… Wednesday! CSS Made Simple with Type Nugget
by Taylor Slattery | June 26, 2019
Type Nugget is a browser based application for designing web typography. It offers a full suite of options to tailor your type to your site’s needs. The interface utilizes a live preview of your type so that you can visualize each variable in the context of the site as a whole.
The site uses the Google font library, with the option to upload fonts stored locally on users’ computers. Weights, colors, sizes, and families can be modified endlessly. Experiment with the looks of headings, paragraphs, links, and lists, and when you’ve landed on something you like, you can generate fully functional CSS to plug into your site.
As mentioned before, designing type involves a lot of trial and error. You may try any number of typographical combinations before finding something that speaks to you. To get there faster, use Type Nugget to explore different directions and save out different style sheets for each one. With the CSS already made, it becomes easy to quickly audition them in the context of your site.
Type Nugget is free to use and can be found here.
Taylor is a concept artist, graphic designer, illustrator, and Design Lead at Weirdsleep, a channel for visual identity and social media content. Read more articles by Taylor.
If you are interested in learning to use typography, Sessions College offers Basic Typography and Advanced Typography courses as well as a course in Web Typography. Contact Admissions for more information.
Recent Articles