• 请不要在回答技术问题时复制粘贴 AI 生成的内容
KiseXu
V2EX  ›  程序员

chrome字体锯齿的问题

  •  
  •   KiseXu ·
    kisexu · Sep 5, 2012 · 12116 views
    This topic created in 5176 days ago, the information mentioned may be changed or developed.
    网页上同样是使用微软雅黑,下面是对比图,chrome锯齿严重,以前在网吧的xp装chrome,看宋体和黑体也会有很强烈的锯齿,这个问题在字体很大的时候会消失,怎么办

    26 replies  •  1970-01-01 08:00:00 +08:00
    zern
    zern
    Sep 6, 2012
    1
    IE是亲儿子啊~。。
    keleo030
    keleo030
    Sep 6, 2012
    2
    我早就说过了,ie9得字体渲染比chrome, firefox之流强多了。
    neodreamer
    neodreamer
    Sep 6, 2012❤️2
    3
    http://www.21haolou.com/articles/show/153
    smashing magazine的这篇是否对你有帮助呢?
    顺带自己推广,^_^
    Air_Mu
    Air_Mu
    Sep 6, 2012
    4
    呵呵呵呵呵呵呵 呵呵呵呵呵呵呵呵呵呵
    jjgod
    jjgod
    Sep 6, 2012
    5
    IE9 用了 DirectWrite,对大尺寸的字体有纵向反锯齿,Chrome 没有,另外 Firefox 有。
    sNullp
    sNullp
    Sep 6, 2012
    6
    @neodreamer 这篇文章把hinting翻译成微调让我看着有点不习惯,每次看到微调都要想半天到底是什么意思。
    yetone
    yetone
    Sep 6, 2012
    7
    Windows 那渣字体渲染我就不说了……直接安装个 MacType 就搞定了
    C0VN
    C0VN
    Sep 6, 2012
    8
    MacType 很久了
    neodreamer
    neodreamer
    Sep 6, 2012
    9
    @sNullp 的确,有些不恰当。

    给点建议?
    sNullp
    sNullp
    Sep 6, 2012
    10
    @neodreamer 没有想法。。要不直接叫hinting?
    lianghai
    lianghai
    Sep 6, 2012
    11
    另外,截图里下面那行文字显然不是微软雅黑,是冬青黑体简体中文吧。
    windviki
    windviki
    Sep 6, 2012
    12
    @xavierskip +1,从以前的GDI++,到现在的MacType,没有第三方字体渲染,win上哪里的字体都看不顺眼
    KiseXu
    KiseXu
    OP
    Sep 6, 2012
    13
    @neodreamer 网站很不错,建议:

    点击阅读的链接是: http://www.21haolou.com/articles/index
    点击首页进去的链接是: http://www.21haolou.com/articles
    最好统一一下
    neodreamer
    neodreamer
    Sep 9, 2012
    14
    奇怪V2ex怎么没给@提醒?

    @kiseXu

    多谢,Fix it.
    aisk
    aisk
    Sep 9, 2012
    15
    锯齿神马的还好,今天在Ubuntu下升级了下Chrome字体突然变成这样了,尼玛坑爹啊!
    ![blah]( )
    davidx
    davidx
    Sep 10, 2012
    16
    @aisk 我的mac下, 也偶尔这样, 让人很不淡定
    N8hanE5me
    N8hanE5me
    Oct 4, 2012❤️2
    17
    Windows上一个不是那么完美的解决办法是-webkit-transform: rotate(.1deg); 可以强制webkit启用antialiasing。
    yautou
    yautou
    Oct 4, 2012
    18
    @N8hanE5me 小白求详细点使用方法,感谢~
    whitegerry
    whitegerry
    Oct 4, 2012
    19
    对比图起码要对比同一个字体吧。。。
    KiseXu
    KiseXu
    OP
    Oct 4, 2012
    20
    @whitegerry 就是同一个字体啊
    N8hanE5me
    N8hanE5me
    Oct 4, 2012
    21
    @yautou 写了个小demo,希望对你有用 http://jsfiddle.net/nfang/4ehYR/
    whitegerry
    whitegerry
    Oct 4, 2012
    23
    @KiseXu 下图ie9上就“码”和“统”两个字一看就不是雅黑的字型啊,其他几个字跟雅黑字型对比也不一致,dw渲染不会字型都变了吧?
    KiseXu
    KiseXu
    OP
    Oct 6, 2012
    24
    @N8hanE5me 非常感谢,效果不错
    KiseXu
    KiseXu
    OP
    Oct 6, 2012
    25
    @whitegerry 真的都是雅黑,确实会变形,可以在chrome和ie9下尝试下: http://jsfiddle.net/4ehYR/2/
    cabbala
    cabbala
    Oct 6, 2012
    26
    @KiseXu 开了mactype后还是chrome好点。。http://jsfiddle.net/4ehYR/2/
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   809 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 19:05 · PVG 03:05 · LAX 11:05 · JFK 14:05
    ♥ Do have faith in what you're doing.