help.css

/**
 * I need to set a fallback font for a web font. However that fallback font
 * needs to be a web font
 */

@font-face {
    font-family: "FallbackFont";
    font-weight: bold;
    src: url('some-place.woff');
}

@font-face {
    font-family: "MainFont";
    font-weight: normal;
    src: url('some-other-place.woff');
}

/**
 * For the MainFont, I need to set the fallbackfont as the font I want to 
 * use for a specific weight.
 */
@font-face {
    font-family: "MainFont";
    font-weight: bold;
    src: "FallbackFont";
}


/**
 * I can do this with local fonts
 */
@font-face {
 font-family: 'Butts';
  font-style: normal;
  font-weight: normal;
  src: local('Arial')
}

@font-face {
 font-family: 'Butts';
  font-style: normal;
  font-weight: bold;
  src: local('Comic sans ms')
}