Web Fonts

Instructions for how to implement Source Sans Pro and Source Serif Pro web fonts in your pages.

Source Sans Pro Instructions (Primary Sans Font)

Step One:

Copy this line into the <head> section of your web page:

Step Two:

The Google Web Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

Learn more about Source Sans Pro



Source Serif Pro Instructions (Primary Serif Font)

Step One:

Copy this line into the <head> section of your web page:

Step Two:

The Google Web Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

Learn more about Source Serif Pro



Crimson Text Instructions (Use Source Serif instead if possible)

Step One:

Copy this line into the <head> section of your web page:

Step Two:

The Google Web Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

Learn more about Crimson Text