嵌入字体看起来与源样本不同

时间:2017-12-26 08:13:28

标签: html css fonts

我下载了这个名为Bender的字体并将其嵌入我的网站,如下所示:

@font-face { font-family: Bender-Italic; src: url('files/Bender.otf'); } 
@font-face { font-family: Bender-Italic; font-weight: normal; src:  
url('files/Bender.otf');}
body
{
font-family: Bender, sans-serif;
font-weight: normal;
font-style: normal;
}

但在浏览器中它不像示例中那样显示。如果我不在正文部分中选择此字体,则会显示不同的字体,因此它肯定会有所作为。

我试过这个fix但它没有帮助(当然我使用的是现代语法,而不是fontWeight等)。

一个可能的原因可能是我的doctype是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

而不是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">

但是当我改变它时,字体的大小和其他一些格式不想正常工作等等所以我宁愿保留它。 Here is the website所以你可以看到'破碎'字体是什么样的。此外,谷歌字体等都可以正常工作。

0 个答案:

没有答案