Schriften werden im CSS über die @font-face-Regeln deklariert.

Jeder Schriftschnitt muss dabei einzeln deklariert werden, ansonsten werden u.U. vom E-Book-Reader oder Browser unechte Kursivierungen oder Fettungen generiert!

Beispiel

/* -------------------------------------------------- */
/* Schrift-Deklarationen                              */
/* -------------------------------------------------- */

/* Serife: Crimson */
@font-face {
  font-family: 'Crimson';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Crimson-Roman.ttf");
}
@font-face {
  font-family: 'Crimson';
  font-style: normal;
  font-weight: bold;
  src: url("fonts/Crimson-Bold.ttf");
}
@font-face {
  font-family: 'Crimson';
  font-style: italic;
  font-weight: bold;
  src: url("fonts/Crimson-BoldItalic.ttf");
}
@font-face {
  font-family: 'Crimson';
  font-style: italic;
  font-weight: normal;
  src: url("fonts/Crimson-Italic.ttf");
}

/* Serifenlose: PT-Sans */
@font-face {
  font-family: 'PT-Sans';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/PT-Sans-Regular.ttf");
}
@font-face {
  font-family: 'PT-Sans';
  font-style: normal;
  font-weight: bold;
  src: url("fonts/PT-Sans-Bold.ttf");
}
@font-face {
  font-family: 'PT-Sans';
  font-style: italic;
  font-weight: bold;
  src: url("fonts/PT-Sans-BoldItalic.ttf");
}
@font-face {
  font-family: 'PT-Sans';
  font-style: italic;
  font-weight: normal;
  src: url("fonts/PT-Sans-Italic.ttf");
}