1 @import url('https://fonts.googleapis.com/css?family=Macondo|Raleway:400,400i,700,700i');
  2 
  3 /* CSS example using Google Fonts
  4    Instructions:
  5       1. Locate google fonts from http://fonts.google.com 
  6       2. Copy the @IMPORT style
  7          NOTE: Multiple @import styles can be used.
  8                @import rules must be at the top of the css document; even before comments.
  9                Multiple CSS stylesheet files may be preferred to prevent browser hanging
 10                while loading large numbers of fonts; especially if they are not all used
 11                on the current page.
 12       3. Create the additional classes for the fonts as shown.
 13       4. Download and install the ttf versions of selected fonts for use
 14          in the ToolBook authoring environment.
 15 
 16    @import url( ... ) rule does the following:
 17       1. downloads 2 font families (Macondo and Raleway)
 18       2. Raleway will download 4 styles (normal, italic, bold, bold-italic)
 19 */
 20 
 21 .cfm-macondo {
 22    font-family: 'Macondo';
 23 }
 24 
 25 .cfm-raleway {
 26    /* NOTE: Bold and italic variants will be chosen based on field formatting */
 27    font-family: 'Raleway';
 28 }