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

一个纯英文的站点,需要面向ipad、mac、linux、window、android 的话,应该怎么写font-family?

  •  
  •   lingyired · 2012-12-14 15:19:00 +08:00 · 4966 次点击
    这是一个创建于 4353 天前的主题,其中的信息可能已经有所发展或是发生改变。
    25 条回复    1970-01-01 08:00:00 +08:00
    lingyired
        1
    lingyired  
    OP
       2012-12-14 15:19:39 +08:00   ❤️ 1
    现在没写font-family,发现在不同终端的表现不同
    gucheen
        2
    gucheen  
       2012-12-14 15:35:52 +08:00
    不写就是浏览器默认设置了,用一些各系统通用字体,通用度高的写前面,低的写后面,针对不同系统用不同样式也许
    lingyired
        3
    lingyired  
    OP
       2012-12-14 15:39:19 +08:00
    @gucheen 有例子或者相关文章么
    gucheen
        4
    gucheen  
       2012-12-14 15:45:12 +08:00
    lianghai
        5
    lianghai  
       2012-12-14 16:19:30 +08:00
    你具体要什么样的字体风格?
    是 Helvetica/Arial 风格还是 Verdana 风格还是 Georgia 风格?
    另外,各个平台自带的字体并不一致,而且字体渲染风格不同,你不可能保证「在不同终端的表现」相同。

    Linux 各发行版的字体很乱,不建议考虑太多。

    @gucheen: W3schools 和 W3C 半点关系都没有,不要误导别人。而且他们给的推荐组合一塌糊涂。
    lingyired
        6
    lingyired  
    OP
       2012-12-14 17:45:57 +08:00
    @lianghai 没有具体的风格,只需要正常即可了。

    Linux 的话,目前只考虑ubuntu
    hanai
        7
    hanai  
       2012-12-14 19:29:27 +08:00
    How about Google web fonts?
    http://www.google.com/webfonts
    Muninn
        8
    Muninn  
       2012-12-14 19:38:13 +08:00
    google那个国内没法用 会把网页卡好久
    kingwkb
        9
    kingwkb  
       2012-12-14 19:58:52 +08:00
    @lingyired openSUSE也是必须的啊
    gucheen
        10
    gucheen  
       2012-12-14 21:16:22 +08:00
    @lianghai 与w3c无关倒是知道,回帖疏忽了,不过它推荐的字体不好不了解,受教
    alexrezit
        11
    alexrezit  
       2012-12-14 21:23:34 +08:00
    中英日韩:
    font-family: 'Lucida Grande', Calibri, Trebuchet MS, Helvetica, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, STHeiti, Microsoft Jhenghei, sans-serif !important;

    Emoji:
    emoji {
    font-family: Apple Color Emoji;
    }

    等宽:
    font-family: Menlo, Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    lianghai
        12
    lianghai  
       2012-12-14 23:46:42 +08:00
    @lingyired: 正常即可?各平台默认的字体就很正常啊,所以理论上你只用写 font-family: sans-serif; 就够了。不过为了规避 Chrome 等浏览器的字体策略失误,最好写成这样:
    font-family: "Helvetica Neue", Arial, sans-serif;

    上面这个写法能尽量发挥 OS X 和 iOS 高质量的 Helvetica Neue,不过可能会引起极少数在 Windows 上乱装 Helvetica Neue 的人的电脑上字体显示不清晰。
    所以你可以考虑更 robust 的写法,让 OS X 和 iOS 都用不那么好看但迁就 Windows 的 Arial:
    font-family: Arial, sans-serif;

    如果更喜欢 Verdana,那就改成:font-family: Verdana, sans-serif;
    如果更喜欢 Georgia,那就改成:font-family: Georgia, serif;

    @alexrezit 给的那一坨完全就是在胡言乱语。
    alexrezit
        13
    alexrezit  
       2012-12-14 23:51:06 +08:00
    @lianghai 为什么是胡言乱语? 如果要批评别人, 最起码请解释一下.
    lianghai
        14
    lianghai  
       2012-12-14 23:58:19 +08:00
    @alexrezit: 凡是有能力讨论 font-family 的人一眼就能看出来「font-family: 'Lucida Grande', Calibri, Trebuchet MS, Helvetica, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, STHeiti, Microsoft Jhenghei, sans-serif !important;」有多荒谬。所以我没必要解释,只需要告知楼主可以忽略你给出的信息。
    我倒是想听你说说,你自己连这段 font-family 有多么混乱都看不出来,为什么还有自信来误导别人。
    别的不说,最最基本的一点,「一个纯英文的站点」为什么需要在 font-family 里写4款中文字体?你能解释一下吗?
    alexrezit
        15
    alexrezit  
       2012-12-15 00:01:57 +08:00
    @lianghai 我只是用了别人的 fallback 感觉效果还可以于是贴上来. 我承认自己不懂, 求解释一下, 谢谢指教.
    lianghai
        16
    lianghai  
       2012-12-15 00:10:34 +08:00
    @alexrezit: 我已经说了那段 font-family 是胡言乱语了。「胡言乱语」还能怎么解释?一个疯子在那儿胡言乱语你能怎么解释?
    遇到一些奇怪的 font-family 写法时我顶多也就能费劲揣测一下作者半懂不懂的考量。但你复制过来的这段从格式不一致(引号时有时无)就能看出来是东拼西凑的,所以我实在不想试图解读了,没有意义。
    alexrezit
        17
    alexrezit  
       2012-12-15 00:14:31 +08:00
    @lianghai 那有没有什么好的写法推荐呢?
    lianghai
        18
    lianghai  
       2012-12-15 00:17:17 +08:00
    @alexrezit: 针对楼主的推荐我已经写了。我不知道你的需求,不知道该推荐什么。
    deepure
        19
    deepure  
       2012-12-15 00:19:01 +08:00
    font-family: Arial, sans-serif;建议楼主先用这个来做吧,等自己慢慢熟悉或者体会到其它字体的在各平台的异同,再来根据自己的喜好做调整。
    @alexrezit 你那一段确实不适宜推荐给别人使用 :)
    Keinez
        20
    Keinez  
       2012-12-15 00:42:48 +08:00
    Font-family怎么写,推荐了解一下渐进增强相关的东西。

    读物推荐《无懈可击的Web设计II》

    http://book.douban.com/subject/4935289/
    leecade
        21
    leecade  
       2012-12-15 01:04:06 +08:00
    font-family: "Helvetica Neue", Arial, sans-serif;

    靠谱
    lingyired
        22
    lingyired  
    OP
       2012-12-15 09:41:42 +08:00
    @lianghai
    @alexrezit
    @deepure
    @Keinez
    @leecade 感谢各位!下周回去尝试
    Ziya
        23
    Ziya  
       2012-12-15 17:47:32 +08:00
    @lianghai 如果是中文站点,该如何写比较好呢?
    对多平台设备的字体一直很头疼
    谢谢
    lianghai
        24
    lianghai  
       2012-12-16 20:11:19 +08:00   ❤️ 2
    lingyired
        25
    lingyired  
    OP
       2012-12-17 14:07:02 +08:00
    @lianghai Thanks
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1174 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 23:07 · PVG 07:07 · LAX 15:07 · JFK 18:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.