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 }