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

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

  •  
  •   varzy · 4 天前 via iPhone · 2722 次点击

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

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

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

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

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


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

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

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

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

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

    问字体区别,这个应该去问设计师
        82
    bumz   3 天前 via iPhone
    如果衬线非衬线都分不清恐怕确实让人怀疑……

    毕竟虽然不是必备知识,但是是常识
        83
    bumz   3 天前 via iPhone
    @iMusic
    苹方; SF Display
    安卓中文真不知道; Roboto
        84
    bumz   3 天前 via iPhone
    @bumz 新版当然思源黑体
        85
    jin5354   2 天前 via iPhone
    @mxalbert1996 设计有明确规范,什么平台用什么字体,什么字体买了版权可以用什么不可以,游戏等场景还会做位图字体,连这个都不懂出什么设计稿
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2696 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 40ms · UTC 12:47 · PVG 20:47 · LAX 04:47 · JFK 07:47
    ♥ Do have faith in what you're doing.