There are a couple of errors in your CSS.
First, you have a stray
\9
in one of your CSS files, which causes the minification to fail:
...
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px; \9
}
Second, you've defined a font-family called
TrendSans-Five
, but you've told the
body
and headings to use a font-family called
Trend Sans Five
. The family names need to be exactly the same.
body {
font-family:"Trend Sans Five";
font-size: 10px;
line-height: 1.42857143;
background-color: #060606;
}
...
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Trend Sans Five";
font-weight: 500;
line-height: 1.1;
color: #ffffff;
}
...
@font-face
{
font-family: TrendSans-Five;
src: url('../fonts/TrendSans-Five.otf');
src: url('../fonts/TrendSans-Five.otf') format('embedded-opentype');
src: url('../fonts/TrendSans-Five.eot');
src: url('../fonts/TrendSans-Five.woff');
src: url('../fonts/TrendSans-Five.ttf') format('truetype');
}
EDIT: The font mime-types that work for me are:
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension="svg" mimeType="image/svg+xml" />
<mimeMap fileExtension="eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension="otf" mimeType="application/x-font-opentype" />
<mimeMap fileExtension="ttf" mimeType="application/x-font-truetype" />
<mimeMap fileExtension="woff" mimeType="application/font-woff" />
<mimeMap fileExtension="woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>
</configuration>