In the head:
<link rel="stylesheet" href="https://use.typekit.net/vsn5rgf.css">


For CSS file:

Dita Light
font-family: "dita", sans-serif;
font-weight: 300;
font-style: normal;

Dita Light Italic
font-family: "dita", sans-serif;
font-weight: 300;
font-style: italic;

Dita Regular
font-family: "dita", sans-serif;
font-weight: 400;
font-style: normal;

Dita Italic
font-family: "dita", sans-serif;
font-weight: 400;
font-style: italic;

Dita Bold
font-family: "dita", sans-serif;
font-weight: 700;
font-style: normal;

Dita Bold Italic
font-family: "dita", sans-serif;
font-weight: 700;
font-style: italic;

Dita Cd Regular
font-family: "dita-cd", sans-serif;
font-weight: 400;
font-style: normal;

Dita Cd Italic
font-family: "dita-cd", sans-serif;
font-weight: 400;
font-style: italic;

Dita Cd Bold
font-family: "dita-cd", sans-serif;
font-weight: 700;
font-style: normal;

Dita Cd Bold Italic
font-family: "dita-cd", sans-serif;
font-weight: 700;
font-style: italic;

Dita Wd Regular
font-family: "dita-wd", sans-serif;
font-weight: 400;
font-style: normal;

Dita Wd Italic
font-family: "dita-wd", sans-serif;
font-weight: 400;
font-style: italic;

Dita Wd Bold
font-family: "dita-wd", sans-serif;
font-weight: 700;
font-style: normal;

Dita Wd Bold Italic
font-family: "dita-wd", sans-serif;
font-weight: 700;
font-style: italic;