フォント系のCSS

font_family.css

.ff {
  font-family: "Helvetica Neue", "游ゴシック Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

web_font.css

@font-face {
  font-family: 'hannari';
  src: url('../font/hannari.eot'); /* IE9 Compat Modes */
  src: url('../font/hannari.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hannari.woff') format('woff'), /* Modern Browsers */
    url('../font/hannari.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/hannari.svg#svgFontName') format('svg'); /* Legacy iOS */
}