HTML5 Hacks 3.2

collection.css

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/russoone/v1/RO6e96EC9m6OLO0tr7J3zz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
  font-family: 'Trocchi';
  font-style: normal;
  font-weight: 400;
  src: local('Trocchi'), url('http://themes.googleusercontent.com/static/fonts/trocchi/v1/vnG3tpDGh17z5IKwB3RdMg.woff') format('woff');
}
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  src: local('Audiowide'), local('Audiowide-Regular'), url('http://themes.googleusercontent.com/static/fonts/audiowide/v1/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

import.css

@import url(http://fonts.googleapis.com/css?family=Russo+One);

script.js

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Russo+One::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

single.css

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/russoone/v1/RO6e96EC9m6OLO0tr7J3zz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

single2.css

h1 { 
font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; 
}

standard collection.html

<link href='http://fonts.googleapis.com/css?family=Russo+One|Audiowide|Trocchi' rel='stylesheet' type='text/css'>

standard.html

<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>

url param.js

http://fonts.googleapis.com/css?family=Inconsolata&text=Hello

url.js

http://fonts.googleapis.com/css?family=Inconsolata