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

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

  •  
  •   varzy · 36 天前 via iPhone · 3010 次点击
    这是一个创建于 36 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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


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

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

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

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

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

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

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