css - 文本嵌入在 CSS 中不起作用

Question

我尝试嵌入字体，但没有显示任何内容。我只是在每一页上得到一个随机的衬线字体。我正在使用的代码...

/*fonts*/
@font-face {
font-family: 'toltbold';
src: url('../fonts/titilliumtext25l001-webfont-webfont.eot');
src: url('../fonts/titilliumtext25l001-webfont-webfont.eot?#iefix') format('embedded-    opentype'),
     url('../fonts/titilliumtext25l001-webfont-webfont.woff') format('woff'),
     url('../fonts/titilliumtext25l001-webfont-webfont.ttf') format('truetype'),
     url('../fonts/titilliumtext25l001-webfont-webfont.svg#titilliumtext25l800_wt')    format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'tiltbody';
src: url('../fonts/titilliumtext25l003-webfont-webfont.eot');
src: url('../fonts/titilliumtext25l003-webfont-webfont.eot?#iefix') format('embedded -opentype'),
     url('../fonts/titilliumtext25l003-webfont-webfont.woff') format('woff'),
     url('../fonts/titilliumtext25l003-webfont-webfont.ttf') format('truetype'),
     url('../fonts/titilliumtext25l003-webfont-webfont.svg#titilliumtext25l400_wt')  format('svg');
font-weight: normal;
font-style: normal;

}

文本格式部分是...

/*Text formatting*/
.heading {color: #000; font-size: 28px; font-family: tiltbold; line-height: 14px;}
.bodybold {color: #000; font-size: 18px; font-family: tiltbold; line-height: 14px;}
.body {color: #000; font-size: 18px; font-family: tiltbody; line-height: 20px;}
.bodyred {color: #000; font-size: 18px; font-family: tiltbody; line-height: 14px;}
.warning {color: #000; font-size: 12px; font-weight: bold; font-family: tiltbody; line-height: 14px;}

Answer 1

尝试在您的 src:url('') 中使用绝对链接；区域。如果这解决了问题，则意味着字体文件位于错误的目录中，或者 .htaccess 重写可能存在问题。