webfont

Styling on Sites: Awesome Icons using Font Awesome

Megan Erin Miller — Mon, 03 Jun 2013 16:00:49 +0000

This is the fourth post in my series, Styling on Sites. In my last post we looked at the new responsive theme Open Framework, and how we can use Bootswatch subthemes to quickly style our Sites site. Today, I'm going to share something awesome. Font Awesome.

Source Sans Pro adds support for small caps

Megan Erin Miller — Fri, 18 Jan 2013 17:54:23 +0000

Source Sans Pro, a webfont created by Adobe that is now part of Stanford's identity guidelines for digital media, now has support for small caps. Read more in a recent (Nov. 2, 2012) update from Adobe on the adoption and development to-date for the font.

Creating Proportional Typography Using Webfonts on Sites

Megan Erin Miller — Tue, 08 Jan 2013 01:17:56 +0000

It's a great time to be a web designer, as we have this explosion of web fonts at our finger tips. Tools such as Google Web Fonts make these available for free, and integrating them is easy on your site, even on sites.stanford.edu! In this tutorial, I'm going to go through adding a webfont to your Drupal site using CSS Injector (available on sites.stanford.edu), and developing a proportional typographic system for your site.