V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
pimin
V2EX  ›  问与答

为什么前端对字体大小这么吝啬?12px 是一个好的选择嘛?

  •  
  •   pimin · 2016-06-01 00:06:04 +08:00 · 3450 次点击
    这是一个创建于 3123 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我有点近视,大概 300 度,有戴眼镜.
    电脑屏幕是 1080p,24 寸.
    看字不喜欢看很小的,所以 chrome 最小字体我调成了 14px
    但是在很多网站我发现我这个设定会遇到问题.
    比如网易云音乐首页,京东首页,淘宝少部分页面.
    我看了一些网站的默认字体大小,12px 非常普遍,可以说是标配.
    那么问题来了,是我有问题呢,还是 12px 当下已经不是显示内容的最佳选择?

    11 条回复    2016-06-01 09:49:33 +08:00
    yuedong
        1
    yuedong  
       2016-06-01 00:25:35 +08:00
    个人感觉是旧的网站普遍采用 12px ,可能是以前的浏览器尺寸较小遗留下来的惯性,新的网站已经有采用 14px 的趋向。
    12px 浏览大段文字确实费眼神,我觉得用浏览器的放大功能,好于去设置最小字号。
    kindjeff
        2
    kindjeff  
       2016-06-01 00:51:37 +08:00 via iPhone
    楼主截的图,前世情人,梦想岛。嗯,两个 MV 都看了好几遍。
    onlyice
        3
    onlyice  
       2016-06-01 00:52:10 +08:00 via Android
    同一楼,不要去动最小字号,而是设置缩放比例。

    Chrome 可以设置默认的缩放比例,我用了 125%,配合 Windows 的文本大小设置 125%,效果不错
    xell
        4
    xell  
       2016-06-01 01:19:14 +08:00
    作为参考, Bootstrap v4 甚至将采用 16px 作为基准( v3 是 14px )。
    lyragosa
        5
    lyragosa  
       2016-06-01 01:23:49 +08:00
    我用的 13px ……是不是异端中的超级异端……
    pimin
        6
    pimin  
    OP
       2016-06-01 01:34:47 +08:00 via Android
    @lyragosa 百度首页导航,知乎正文都是 13 ,强迫症还是觉得偶数才正常。
    shoaly
        7
    shoaly  
       2016-06-01 07:53:25 +08:00
    12px 是英文, 13px 中文.
    Chappako
        8
    Chappako  
       2016-06-01 08:33:13 +08:00
    国外现在都用 em 吧?
    AddamsChen
        9
    AddamsChen  
       2016-06-01 09:07:52 +08:00 via Android
    我现在一般都是,默认 1em = 14px 剩下的用 em 搞定
    murmur
        10
    murmur  
       2016-06-01 09:38:03 +08:00
    12 小字如果是宋体字看着很舒服的
    learnshare
        11
    learnshare  
       2016-06-01 09:49:33 +08:00
    一般推荐 14px , 13px 渲染不太精细, 12px 略小。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5879 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 06:14 · PVG 14:14 · LAX 22:14 · JFK 01:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.