0

我页面上的文字在 Safari、Opera 和 Chrome 上看起来很模糊：http: //testowa.portalo.pl/wiadomosci.php

我正在使用这样的 CSS：

.tytulmalykom {
    color:#666666;
    font-size:11px;
    font-variant:small-caps;
}

它在 Firefox 和 Internet Explorer 上运行良好。有没有其他选择？

4

1 回答 1

3

大多数字体缺少小型大写字体，因此font-variant:small-caps浏览器会生成假的小型大写字母。他们通过转换为大写字母并减小字体大小来做到这一点。根据字体、浏览器、显示设备和其他因素，结果从可容忍到糟糕不等。除此之外，不同的浏览器在此处应用不同的大小缩减。

因此，您可以通过自己进行大小写转换和字体缩小来获得更一致的结果。如果文本是大小写混合的，它会变得很笨拙，因为要将“Foo”呈现在小型大写字母中以保留大小写区别，您需要使用F<span class="sc">oo</span>（并在 上设置text-transform: uppercaseand ）。结果在印刷上不会很好；你需要一个由印刷师设计的小型大写字体。但至少你有可能在不同的浏览器上获得相同的字体大小减少。（不能保证，因为在应用字体大小方面存在细微差别。）font-size: ....sc

于 2012-06-27T19:25:52.727 回答