@font-face {font-family: "Avenir Book";
  src: url("Avenir-Book.eot"); /* IE9*/
  src: url("Avenir-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("Avenir-Book.woff2") format("woff2"), /* chrome、firefox */
  url("Avenir-Book.woff") format("woff"), /* chrome、firefox */
  url("Avenir-Book.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("Avenir-Book.svg#Avenir Book") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Avenir Light";
  src: url("Avenir-Light.eot"); /* IE9*/
  src: url("Avenir-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("Avenir-Light.woff2") format("woff2"), /* chrome、firefox */
  url("Avenir-Light.woff") format("woff"), /* chrome、firefox */
  url("Avenir-Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("Avenir-Light.svg#Avenir Light") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Avenir Heavy";
  src: url("Avenir-Heavy.eot"); /* IE9*/
  src: url("Avenir-Heavy.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("Avenir-Heavy.woff2") format("woff2"), /* chrome、firefox */
  url("Avenir-Heavy.woff") format("woff"), /* chrome、firefox */
  url("Avenir-Heavy.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("Avenir-Heavy.svg#Avenir Heavy") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: 'Avenir Black';
    src: url('avenir-black-webfont.woff2') format('woff2'),
         url('avenir-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}