compass-font-face.scss

// Font faces.
// - Here define your custom font-faces.

// Clarendon - regular.
@include font-face(
  "clarendon",
  font-files(
    "clarendon_text_pro-webfont.ttf",
    "clarendon_text_pro-webfont.eot",
    "clarendon_text_pro-webfont.woff",
    "clarendon_text_pro-webfont.svg#ClarendonTextProRegular"
  ),
  "clarendon_text_pro-webfont.eot",
  normal,
  normal
);

// Clarendon - bold.
@include font-face(
  "clarendon",
  font-files(
    "clarendon_text_pro_bold-webfont.ttf",
    "clarendon_text_pro_bold-webfont.eot",
    "clarendon_text_pro_bold-webfont.woff",
    "clarendon_text_pro_bold-webfont.svg#ClarendonTextProBold"
  ),
  "clarendon_text_pro_bold-webfont.eot",
  bold,
  normal
);

$clarendon: "clarendon", Helvetica, Arial, sans-serif;

.title {
  font-family: $clarendon;
}
.title-bold {
  font-family: $clarendon;
  font-weight: bold;
}