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

前端需要了解 serif 和 sans-serif 的区别吗?

  •  
  •   varzy · 2019-11-08 17:17:56 +08:00 via iPhone · 6174 次点击
    这是一个创建于 1840 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在招聘,我有一个面试题是 font-family 里设置的 serif 和 sans-serif 有什么区别,几乎没有人能答出这个问题,并且表示从来没有听过衬线字体和非衬线字体这两个名词。

    有人说我这个问题问的太偏了,是故意刁难应聘者。我现在也迷茫了,难道前端开发者真的不需要了解这两个概念吗?

    85 条回复    2019-11-09 23:18:34 +08:00
    wszgrcy
        1
    wszgrcy  
       2019-11-08 17:20:50 +08:00 via Android
    刚想说衬线,非衬线。。。结果发现已经有答案了
    Kusoku
        2
    Kusoku  
       2019-11-08 17:25:56 +08:00
    这种问题的意义不是太大,切入的角度太偏没法深入探讨和发散,就对面试者的能力区分而言提供不了太多参考价值
    liyang5945
        3
    liyang5945  
       2019-11-08 17:30:03 +08:00
    前端,虽然听说过这两个名词,但也说不上来区别是什么,这个题的确很刁钻
    iMusic
        4
    iMusic  
       2019-11-08 17:31:11 +08:00   ❤️ 1
    ios 系统默认的中文、英文、数字字体分别是?
    android 系统默认的中文、英文、数字字体分别是?
    xxx749
        5
    xxx749  
       2019-11-08 17:32:34 +08:00 via Android
    所以你问这个问题想考察什么?
    jdhao
        6
    jdhao  
       2019-11-08 17:33:50 +08:00 via Android
    了解一下字体也挺好的,对字体有了解的应该都知道什么意思。前端应该对这个也要了解一下
    Sivan
        7
    Sivan  
       2019-11-08 17:36:31 +08:00
    需要的。而且我想八卦一下是哪家公司面试题这么有格调?
    rabbbit
        8
    rabbbit  
       2019-11-08 17:39:31 +08:00
    翻过各大网站字体的都应该注意过,最后一个永远是 sans-serif

    marcong95
        9
    marcong95  
       2019-11-08 17:44:43 +08:00
    衬线非衬线而已,我个人感觉是个常识,学 CSS 的时候总会看到吧,一般 font-family 最后也会跟一个 serif 作为 fallback,那总要知道是个什么意思吧。

    至于这个问题作为面试题有没有意义,那似乎是后话了。
    marcong95
        10
    marcong95  
       2019-11-08 17:45:16 +08:00
    @marcong95 #9 最后跟一个 sans-serif,更正一下
    luoway
        11
    luoway  
       2019-11-08 17:48:43 +08:00
    写 CSS 一般都会用到 sans-serif,serif 倒是很少见。
    这题只能判断答者对 CSS 的感兴趣程度吧
    rabbbit
        12
    rabbbit  
       2019-11-08 17:49:51 +08:00
    个人觉得还是看缺不缺人.
    大企业不缺面试的,为了筛人考个超长的 js 加法啥的都很正常,小公司找不到人还这么考就...
    varzy
        13
    varzy  
    OP
       2019-11-08 17:54:11 +08:00 via iPhone   ❤️ 1
    @Kusoku 我认为这个是比较基础的问题,并且这个设置对页面的影响还是比较大的。
    yhxx
        14
    yhxx  
       2019-11-08 17:55:26 +08:00
    常识吧,不过不会我觉得也没什么关系


    @Kusoku 似乎可以引申到 line-height、vertical-align、baseline 之类的问题上?
    varzy
        15
    varzy  
    OP
       2019-11-08 17:55:37 +08:00 via iPhone
    @iMusic 概念和系统默认字体,并不是同一类型的问题吧?
    varzy
        16
    varzy  
    OP
       2019-11-08 17:57:02 +08:00 via iPhone
    @Sivan 感谢认同。这是我个人提出的问题,并不是公司要求的 😉
    ChefIsAwesome
        17
    ChefIsAwesome  
       2019-11-08 17:58:26 +08:00   ❤️ 8
    现在写前端的都觉得写 js 是在搞编程,写 css 是在搞设计。为啥字体是那样的顺序,浏览器一次能加载几个文件之类的知识,好多人压根就不屑了解。
    learnshare
        18
    learnshare  
       2019-11-08 18:16:14 +08:00   ❤️ 1
    这得定为常识级别的内容,font-family 总用过的吧 https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
    虽然西文字体是十分一套复杂的知识体系,但皮毛还是要了解的。i l 1 | ! 不得区分清楚么
    autoxbc
        19
    autoxbc  
       2019-11-08 18:21:11 +08:00   ❤️ 11
    了解基本设计常识的人真的不多

    比如遇见张小龙我一定当面质问他:懂不懂时间控件必须用等宽体,不然时间变化时界面会左右摆动

    遇到乔布斯我就没法问,因为 iOS 的设计就是对的,电话的通话时间和秒表一类的就真是等宽
    jadec0der
        20
    jadec0der  
       2019-11-08 18:24:47 +08:00
    做前端应该都写过 font family,整天看的东西,就算是 UI 提供,有好奇心的人应该都会去了解一下。只不过找码农不一定要把标准设那么高罢了。
    emric
        21
    emric  
       2019-11-08 18:27:07 +08:00
    不偏,这是常识,使用 font-family 最后一定要带 sans-serif 或者 serif,如果是 Windows 还需要带 emjio 字体作为退回,要不然 emjio 显示不正常。
    kerr92
        22
    kerr92  
       2019-11-08 18:27:54 +08:00 via iPhone
    需要,但是事实上即使是设计师,也有很多人不懂 Typography 的这些知识……
    Vegetable
        23
    Vegetable  
       2019-11-08 18:28:53 +08:00
    感觉这个知识有点偏啊,就像突然让你说手机数字键盘和电脑数字键盘有什么区别一样.
    crella
        24
    crella  
       2019-11-08 18:44:44 +08:00 via Android
    @Vegetable 电脑的是系统接管实体键盘驱动,手机是系统从输入法软件获取用户输入数据?
    yixiang
        25
    yixiang  
       2019-11-08 18:55:15 +08:00
    如果是要开发英文网站,问这个没啥问题,否则意义不大。如果遇上主要看英文资料的,不知道这两个词对应的中文翻译,可能只能告诉你……这是两种不同的字体,具体哪里不同我很难跟你解释,但是你试试就知道了。

    不如问,能否统一不同平台下的中文字体,为什么。
    Vegetable
        26
    Vegetable  
       2019-11-08 19:04:15 +08:00
    @crella 不是,电脑和手机上 1~9 的顺序是反的.
    rayhy
        27
    rayhy  
       2019-11-08 19:09:47 +08:00 via Android   ❤️ 1
    不如换一个问法,问如何保证多个平台下中英文字体样式比较接近。
    mxalbert1996
        28
    mxalbert1996  
       2019-11-08 19:10:34 +08:00 via Android
    我也觉得是常识,难以想象连字体不重视怎么能写好页面。
    rayhy
        29
    rayhy  
       2019-11-08 19:11:12 +08:00 via Android
    @rayhy,这个问题虽然更难一点,但不偏离前端,很难说 UI 字体和我前端没关系吧…
    learnshare
        30
    learnshare  
       2019-11-08 19:42:54 +08:00   ❤️ 1
    @autoxbc macOS 状态栏的时间就不是等宽的,会跳(笑哭
    love
        31
    love  
       2019-11-08 20:00:19 +08:00   ❤️ 2
    是我 out 了吗,连这二个是啥都不知道的还能是前端?这要求也太低了吧
    ironMan1995
        32
    ironMan1995  
       2019-11-08 20:01:21 +08:00 via Android
    面试问这种的,我只觉得有毛病
    Pastsong
        33
    Pastsong  
       2019-11-08 20:06:33 +08:00
    需要知道,否则我会认为这个人对前端没有兴趣。可能对工作内容有兴趣这个要求对很多人来说太困难了吧,毕竟现在前端门槛这么低。
    damngood
        34
    damngood  
       2019-11-08 20:23:21 +08:00 via iPhone
    前端如果做过精细活的话一般都对文字牌版都有了解吧
    不光是指 web 前端
    Cu635
        35
    Cu635  
       2019-11-08 20:34:21 +08:00   ❤️ 1
    不偏。作为前端,这些都是基础知识。
    这些问题 lz 你去问后端,那才叫偏。
    varzy
        36
    varzy  
    OP
       2019-11-08 20:52:55 +08:00
    @ironMan1995 #32 真心求教,问什么样的不算有毛病?
    varzy
        37
    varzy  
    OP
       2019-11-08 21:00:55 +08:00
    @love #31 事实上我最近面试了 15 人以上,没有任何一个人能答出这个问题。我也很奇怪。
    varzy
        38
    varzy  
    OP
       2019-11-08 21:02:23 +08:00
    @yixiang #25 感谢建议,你提出的这个问题确实更好 ^_^
    varzy
        39
    varzy  
    OP
       2019-11-08 21:09:50 +08:00
    想了挺多的,我始终不认为这个问题是一个“很偏”的问题。在未来的面试中我仍然会继续问这个问题(或以上几位朋友提出的新问题),只是从之前的“不清楚是扣分项” ->“ 能答上来是加分项”。

    毕竟前端开发者是距离用户最近的职业之一,要求这个职业注重字体效果,或是给中文和西文之间加个空格,我认为并不过分。
    agdhole
        40
    agdhole  
       2019-11-08 21:22:45 +08:00
    不如问一问无障碍
    billlee
        41
    billlee  
       2019-11-08 21:26:43 +08:00
    这个是常识吧,我一个后端也知道啊,做 ppt, 写博客,也要考虑哪里用什么字体啊
    varzy
        42
    varzy  
    OP
       2019-11-08 21:47:11 +08:00 via iPhone
    @agdhole 实际上我也问了,也就是随口一问,不会因为答不上来而扣分
    linmq
        43
    linmq  
       2019-11-08 21:48:40 +08:00 via iPhone   ❤️ 1
    需要
    jarnanchen
        44
    jarnanchen  
       2019-11-08 21:51:09 +08:00
    我只知道是两种不同的字体
    如果对设计有很严格的要求,可能会比较注意
    varzy
        45
    varzy  
    OP
       2019-11-08 22:00:56 +08:00
    @xxx749 #5 css 的基础。至少我认为这是 css 的基础,甚至是前端的基础。
    ezreal
        46
    ezreal  
       2019-11-08 22:10:55 +08:00
    知道,但是工作中几乎用不到
    cest
        47
    cest  
       2019-11-08 22:29:45 +08:00
    @varzy #37 都只是来骗饭吃的,没一个真的研究过显示效果
    ironMan1995
        48
    ironMan1995  
       2019-11-08 22:34:52 +08:00 via Android
    @varzy 搜索一下就知道的,没有深度、没有沉淀的知识点,有什么好问的,真要问 css 我复习下给你挨个讲
    WilliamYang
        49
    WilliamYang  
       2019-11-09 00:48:52 +08:00
    个人认为,如果感觉自己能力不够,不知道问什么问题好,可以选择不去当面试官
    varzy
        50
    varzy  
    OP
       2019-11-09 00:52:17 +08:00
    @ironMan1995 #48 再次真心求问,什么是有深度的,有沉淀的知识点,能否举个例子?
    varzy
        51
    varzy  
    OP
       2019-11-09 00:52:41 +08:00
    @WilliamYang #49 真心求问,应该问些什么?
    kingsleydon
        52
    kingsleydon  
       2019-11-09 01:27:29 +08:00
    我觉得这个问题已经常识到没必要放进面试题了……居然真的有人不知道……
    molvqingtai
        53
    molvqingtai  
       2019-11-09 01:56:01 +08:00 via Android
    我认为这是前端应该知道的常识,认真手写过 css 的,对字体、高分屏图片、1px 边框之类的在设备上的展现效果都应该有认知
    Procumbens
        54
    Procumbens  
       2019-11-09 02:09:19 +08:00
    serif 和 sans-serif 真的算是很基础的东西吧……
    不明白为什么 LS 还有人嘲讽
    ironMan1995
        55
    ironMan1995  
       2019-11-09 05:12:15 +08:00 via Android
    @varzy 问你们公司高级前端开发啊,如果你们招的初级的,多问问你这种也没啥毛病
    iamsheep
        56
    iamsheep  
       2019-11-09 08:11:45 +08:00 via Android
    这个写 css 绕不过去的吧,难道都是复制粘贴?
    watzds
        57
    watzds  
       2019-11-09 09:22:51 +08:00 via Android
    调过 Ubuntu 字体,浏览器字体的都知道吧
    ech0x
        58
    ech0x  
       2019-11-09 09:35:29 +08:00 via iPhone
    ???这是非常基础的东西吧……
    grewer
        59
    grewer  
       2019-11-09 09:40:59 +08:00
    @iamsheep 因为现在引入组件库什么的 font 这些 都是已经设置好了
    janus77
        60
    janus77  
       2019-11-09 09:48:49 +08:00 via iPhone
    我就问你会因为这“一个”问题 pass 掉对方吗
    如果不,那这问题客观上就没有那么重要
    expy
        61
    expy  
       2019-11-09 10:00:14 +08:00
    看来是不用 Linux,无衬线、衬线、等宽字体,抗锯齿、微调、亚像素渲染,Fontconfig 常用配置选项。
    zsj950618
        62
    zsj950618  
       2019-11-09 10:01:37 +08:00 via Android
    那些说不重要的,回头你家网页渲染用了宋体,看你们怎么忍。
    lizz666
        63
    lizz666  
       2019-11-09 10:03:05 +08:00
    这个还真不知道
    sheldor
        64
    sheldor  
       2019-11-09 10:04:07 +08:00 via iPhone
    这东西肯定需要了解的 我一个外行人改 css 也能看到这东西顺便去了解了一下啊
    话说回来 不专业的人做的不专业的事情多了去了,比如我司天猫旗舰店运营经理,要求我司设计把活动承接页的图片换成微软雅黑字体,不知道会不会被方正找上门
    chocotan
        65
    chocotan  
       2019-11-09 11:41:34 +08:00
    我一直在和各种第三方对接,发现有相当多(一半以上)的人居然不知道 application/x-www-from-urlencoded 里的数据是需要 url 编码的,特别是数据里带+的情况,甚至有人连 url 编码是什么都不知道
    ===
    所以面试一定要考察基础
    jin5354
        66
    jin5354  
       2019-11-09 12:52:09 +08:00
    我想知道这东西不会有什么影响,毕竟设计交付的都是 sketch 文档或者 psd,字体写的一清二楚,只要保证 100%还原设计稿就不会有工作失误。
    至于有深度的知识点,常见的如 js 基础,react/vue 框架原理,多端转换 /ast/jsvm/flutter/动态化,加载执行性能调优,工程化,细分领域的可视化 /图形学原理,wasm 等等太多了,不过看 lz 资历尚浅,估计也不好面人。
    anguiao
        67
    anguiao  
       2019-11-09 13:01:24 +08:00 via Android
    这个只要换过 Chrome 的默认字体就能知道吧,都不用学过 CSS。我觉得可以算是常识了,这么多人不知道我还是比较吃惊的。
    至于这个影不影响工作、能不能考察一个人的水平,那就是另外一个问题了。
    royzxq
        68
    royzxq  
       2019-11-09 13:22:51 +08:00
    我居然,还真不知道。。。
    royzxq
        69
    royzxq  
       2019-11-09 13:25:55 +08:00
    学习了
    galikeoy
        70
    galikeoy  
       2019-11-09 14:07:27 +08:00
    我也不知道,但是我觉得这并不是什么有深度的东西,百度两分钟了解就行了
    wxt2005
        71
    wxt2005  
       2019-11-09 14:35:55 +08:00
    我以前也觉得,面试不应该问这么基础的问题。但是后来发现,真的很多人 HTML/CSS 基础都不过关,实际工作合作起来非常痛苦。
    如果这些都没有兴趣了解,那又为什么要做前端呢?
    espaul64
        72
    espaul64  
       2019-11-09 14:43:01 +08:00   ❤️ 1
    @autoxbc 印象里当年 macOS 10.10 时菜单栏时间就会来回摆
    JCZ2MkKb5S8ZX9pq
        73
    JCZ2MkKb5S8ZX9pq  
       2019-11-09 15:07:50 +08:00
    设计出身表示这是基本功啊
    redam
        74
    redam  
       2019-11-09 15:31:15 +08:00
    我也不知道,呜呜呜,我是个辣鸡
    HankAviator
        75
    HankAviator  
       2019-11-09 17:01:16 +08:00
    前一段时间拿到的面试题居然问我什么是 USB,CPU,GPU……
    mxalbert1996
        76
    mxalbert1996  
       2019-11-09 17:05:07 +08:00 via Android
    @jin5354 所以你们是全部用 Web 字体还是说默认所有用户电脑里都有你们想用的字体?
    Stevearzh
        77
    Stevearzh  
       2019-11-09 17:06:58 +08:00
    闻道有先后,术业有专攻。看你为啥要招人了。
    ChristianChen
        78
    ChristianChen  
       2019-11-09 17:13:24 +08:00 via Android
    @rabbbit 首先 github 就不是
    DOLLOR
        79
    DOLLOR  
       2019-11-09 17:17:43 +08:00
    知道这个可以加分,说明他还是懂点“设计”,不知道也不要紧,反正就是个照图做界面的。
    gouflv
        80
    gouflv  
       2019-11-09 17:37:39 +08:00 via iPhone
    看过 mdn 或者任何正式文档的都会知道,所以吐槽前端多数是野路子不是没道理
    whypool
        81
    whypool  
       2019-11-09 17:53:48 +08:00
    字体和前端有鸡毛关系?

    问字体区别,这个应该去问设计师
    bumz
        82
    bumz  
       2019-11-09 19:00:50 +08:00 via iPhone
    如果衬线非衬线都分不清恐怕确实让人怀疑……

    毕竟虽然不是必备知识,但是是常识
    bumz
        83
    bumz  
       2019-11-09 19:02:09 +08:00 via iPhone
    @iMusic
    苹方; SF Display
    安卓中文真不知道; Roboto
    bumz
        84
    bumz  
       2019-11-09 19:05:16 +08:00 via iPhone
    @bumz 新版当然思源黑体
    jin5354
        85
    jin5354  
       2019-11-09 23:18:34 +08:00 via iPhone
    @mxalbert1996 设计有明确规范,什么平台用什么字体,什么字体买了版权可以用什么不可以,游戏等场景还会做位图字体,连这个都不懂出什么设计稿
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5345 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 08:32 · PVG 16:32 · LAX 00:32 · JFK 03:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.