Css 使用Safari 6.0在视网膜显示器上无法正确呈现大尺寸字体文本
我刚开始编写自己的网站,因为我喜欢排版网页设计,所以我尝试使用一种非常大的自定义字体作为徽标。不幸的是,在Safari上使用MacBook Pro和Retina显示器进行测试时,我注意到字体渲染中存在一些瑕疵:/起初我认为我有一些错误,但后来我发现,如果字体足够大,任何字体都会出现这种情况 这种行为在网站上是可见的,比如标题的轮廓没有正确呈现的网站。对于没有视网膜显示器的人,这里是我所说内容的截图 奇怪的是,Chrome上没有这个奇怪的bug,因为它们都是基于Webkit的,所以我认为后者可能使用了CSS默认值,可以正确呈现文本 在我填写rdar之前,知道如何解决这种情况的CSS专家:)Css 使用Safari 6.0在视网膜显示器上无法正确呈现大尺寸字体文本,css,fonts,safari,rendering,retina-display,Css,Fonts,Safari,Rendering,Retina Display,我刚开始编写自己的网站,因为我喜欢排版网页设计,所以我尝试使用一种非常大的自定义字体作为徽标。不幸的是,在Safari上使用MacBook Pro和Retina显示器进行测试时,我注意到字体渲染中存在一些瑕疵:/起初我认为我有一些错误,但后来我发现,如果字体足够大,任何字体都会出现这种情况 这种行为在网站上是可见的,比如标题的轮廓没有正确呈现的网站。对于没有视网膜显示器的人,这里是我所说内容的截图 奇怪的是,Chrome上没有这个奇怪的bug,因为它们都是基于Webkit的,所以我认为后者可能使
更新:我应该注意,我已经尝试使用-webkit字体平滑:抗锯齿;但它不起作用://我昨天在雷达上发现了这个问题,今天得到了答案(从来没有得到过这么快的回复!)
苹果工程师知道这一点,并认为它是一个严重的错误,所以我希望它很快就会得到修复。同时,除了使用图像外,没有其他解决方法://屏幕截图是否介于T和e之间?因为如果是这样的话,那么Windows 7上的Chrome在T上还有另一个bug,请参阅。因此,这可能是一个渲染问题,与视网膜无关。是的,这很奇怪,因为osx版本的chrome没有受到影响,也许他们在添加对视网膜显示的支持时优化了渲染?我不知道,我应该试着安装win7,然后在那里尝试Chrome,看看它是否受到影响。