CSSでダウンロードしたフォントを読み込む方法【@font-faceを使おう】

/* ダウンロードしたフォントを読み込む */
@font-face {
  font-family: "Alte Haas Grotesk Bold";/*フォント名*/
  /*フォントへのパス・format*/
  src: url("AlteHaasGroteskBold.eot?") format("eot"),
    url("AlteHaasGroteskBold.woff") format("woff"),
    url("AlteHaasGroteskBold.ttf") format("truetype"),
    url("AlteHaasGroteskBold.svg#AlteHaasGrotesk_Bold") format("svg");
  /* フォトの太さ */
  font-weight: normal;
  /* フォトのスタイル */
  font-style: normal;
}

/* フォントを指定 */
p {
  font-family: Alte Haas Grotesk Bold;
}