0

我在雇主的网站上遇到了一个令人难以置信的令人沮丧的问题。(截图在这里:http: //imgur.com/Pvb5lrl

我已经添加了所有字体文件,并且尽我所能正确地编写了代码。然而,文本在 Chrome 和 Firefox 中呈现出令人难以置信的锯齿状和丑陋。奇怪的是,我使用相同的字体文件、相同的@font-face 代码和文本本身的相同 CSS 设置的一个简单测试在同一台机器上的相同浏览器中渲染得很好。知道是什么导致了整个网站的糟糕渲染吗?两者的网址都在下面供参考。

公司网站:http ://staging.lmsonline.com/services/email-marketing/

简单测试:http ://datafulfill.com/fonttest/demo.html

屏幕截图(Windows 7、Chrome):http: //imgur.com/Pvb5lrl

4

1 回答 1

0

不确定,你的字体应该是什么样子。在我的结尾,它有点像 Arial,无论如何它与通用的无衬线字体几乎相同。过去玩弄字体教会我按以下顺序解决问题:

@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.eot");
}
@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.ttf");
}

首先服务 IE,然后是其余的。出于某种原因,它从来没有完全相反。

于 2013-08-07T23:33:23.733 回答