Typewolf is one of my favorite new design websites out there. Typewolf shows you what is trending in type, and great pairings of typefaces for use on the web.
Another feature of the site shows font alternatives to popular commercial fonts that you can use on the web. There are features such as “Top 10 Helvetica Alternatives,” “Top 10 Futura Alternatives,” and so on.
You can even search their site for font alternative suggestions, and for great pairings.
I ran across an article on the TypeKit Practice blog about OpenType features and how to enable and use them on the web.
OpenType features are more than just fancy swashes, they’re the superpowers of fonts! The best typefaces are full of sophisticated reasoning and little surprises — things that are often integral to the design of the typeface itself, or that help it work better for specific typesetting tasks. Being a graphic design student, I can appreciate the nuances of ligatures and old style numbers, and have always struggled to bring these same features from print over to the web.
If you’ve ever wanted to use the default font of the user’s operating system on your page, it could be a confusing mess for your font stack, or worse, having to use JavaScript to detect the user’s OS and select the right font to display. But I found this little snippet on css-tricks that makes it easier!
I’d actually like to use CSS shorthand in my code more, but the biggest problem I have is remembering the shorthand syntax!
Continue reading