0

我对@font-face 字体有一些显示异常。

如果字体是白色或黄色等浅色，它似乎应用了强大的抗锯齿，我似乎无法控制，只是我的眼睛吗？

字体声明

完整的@font-face

@font-face {
    font-family: 'Lobster1.4';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/Lobster-1.4/Lobster-1.4.eot') format('eot');
    src: url('fonts/Lobster-1.4/Lobster-1.4.eot?#ieFix') format('eot'),
         url('fonts/Lobster-1.4/Lobster-1.4.svg#Lobster1.4') format('svg'),
         url('fonts/Lobster-1.4/Lobster-1.4.woff') format('woff'),
         url('fonts/Lobster-1.4/Lobster-1.4.ttf') format('truetype');
}

利用：

.zone-text span {
    font-family: 'Lobster1.4';
    font-weight: normal;
    font-size: 1.3rem;
    color: #3C3C3B;
}

好像： 深色文本正确显示

其他一切都一样，只需将颜色切换为白色，它就会完全改变字体，就像它是不同的字体一样

像这样： 浅色文字看起来更大胆

任何想法为什么这可能是或者是我必须忍受的东西。

//编辑

对于较大的文本（3rem），它肯定仍在发生，但我认为它更明显的是较小的尺寸。

较大的深色文字

较大的浅色文本

4

1 回答 1

0

这是因为红色背景：

红色背景上有很多颜色：

http://bcn.boulder.co.us/community/tools/colors/sccscred.htm

在这里你可以为你对比成绩：

http://snook.ca/technical/colour_contrast/colour.html

您会注意到对比度低于 4.5，色差低于 500。

亮度差在 145 处也几乎没有超过 125。

白底黑字是：

对比度：21 色差：765 亮度差：255

于 2013-07-12T15:18:47.880 回答