我试图模仿网站desiringgod.org上文章中的文字。他们在白色背景的正文中使用深色的Merriweather字体。
当我在网站上进行相同的设置时,文本看起来会有所不同,而不是那么平滑和更暗。我检查了所有CSS,甚至检查了一些JavaScript,以确保所有内容都相同,并查看是否发生了任何特殊情况。我看不到任何可以解释差异的原因。 (我的线高不同,但这不会有所不同)。我什至尝试下载他们的WOFF2字体只是为了看看是否有所作为(与使用Google的字体相对),并且也没有任何改变。
然后,我截取了每一页(他们和我的)上一部分文本的屏幕截图。将其带入Photoshop中时,我注意到对于一个来自渴望的上帝网站Photoshop的人来说,剪贴板上的图像是灰度的,但对我来说,它确定是RGB。然后仔细看,我发现我的页面似乎受到Windows上的ClearType的影响,而渴望的上帝却没有。如果放大下面的示例,您将在我的透明类型上看到典型的彩色抗锯齿,而在其上看到灰色的抗锯齿。
有什么可能的办法吗?有什么办法可以阻止这种情况的发生?关于渴望神的文字更令人愉悦,我希望有同样的效果。
最佳答案
在花了太多时间在看起来没有太大不同的东西上之后,我终于弄明白了。 ew ...
他们将此类放在放置其文本的容器之一上:
.gpu {
backface-visibility: hidden;
perspective: 1000}
一旦对容器执行了此操作,所有的抗锯齿都是灰度的。
关于css - 绕过网页上的清除类型,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52899904/