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

[varzy]

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

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

[wszgrcy]

刚想说衬线，非衬线。。。结果发现已经有答案了

[Kusoku]

这种问题的意义不是太大，切入的角度太偏没法深入探讨和发散，就对面试者的能力区分而言提供不了太多参考价值

[liyang5945]

前端，虽然听说过这两个名词，但也说不上来区别是什么，这个题的确很刁钻

[iMusic]

ios 系统默认的中文、英文、数字字体分别是？
android 系统默认的中文、英文、数字字体分别是？

[xxx749]

所以你问这个问题想考察什么？

[jdhao]

了解一下字体也挺好的，对字体有了解的应该都知道什么意思。前端应该对这个也要了解一下

[Sivan]

需要的。而且我想八卦一下是哪家公司面试题这么有格调？

[rabbbit]

翻过各大网站字体的都应该注意过,最后一个永远是 sans-serif

[marcong95]

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

至于这个问题作为面试题有没有意义，那似乎是后话了。

[marcong95]

@marcong95 #9 最后跟一个 sans-serif，更正一下

[luoway]

写 CSS 一般都会用到 sans-serif，serif 倒是很少见。
这题只能判断答者对 CSS 的感兴趣程度吧

[rabbbit]

个人觉得还是看缺不缺人.
大企业不缺面试的,为了筛人考个超长的 js 加法啥的都很正常,小公司找不到人还这么考就...

[varzy]

@Kusoku 我认为这个是比较基础的问题，并且这个设置对页面的影响还是比较大的。

[yhxx]

常识吧，不过不会我觉得也没什么关系


@Kusoku 似乎可以引申到 line-height、vertical-align、baseline 之类的问题上？

[varzy]

@iMusic 概念和系统默认字体，并不是同一类型的问题吧？

[varzy]

@Sivan 感谢认同。这是我个人提出的问题，并不是公司要求的 😉

[ChefIsAwesome]

现在写前端的都觉得写 js 是在搞编程，写 css 是在搞设计。为啥字体是那样的顺序，浏览器一次能加载几个文件之类的知识，好多人压根就不屑了解。

[learnshare]

这得定为常识级别的内容，font-family 总用过的吧 https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
虽然西文字体是十分一套复杂的知识体系，但皮毛还是要了解的。i l 1 | ! 不得区分清楚么

[autoxbc]

了解基本设计常识的人真的不多

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

遇到乔布斯我就没法问，因为 iOS 的设计就是对的，电话的通话时间和秒表一类的就真是等宽

[jadec0der]

做前端应该都写过 font family，整天看的东西，就算是 UI 提供，有好奇心的人应该都会去了解一下。只不过找码农不一定要把标准设那么高罢了。

[emric]

不偏，这是常识，使用 font-family 最后一定要带 sans-serif 或者 serif，如果是 Windows 还需要带 emjio 字体作为退回，要不然 emjio 显示不正常。

[kerr92]

需要，但是事实上即使是设计师，也有很多人不懂 Typography 的这些知识……

[Vegetable]

感觉这个知识有点偏啊,就像突然让你说手机数字键盘和电脑数字键盘有什么区别一样.

[crella]

@Vegetable 电脑的是系统接管实体键盘驱动，手机是系统从输入法软件获取用户输入数据？

[yixiang]

如果是要开发英文网站，问这个没啥问题，否则意义不大。如果遇上主要看英文资料的，不知道这两个词对应的中文翻译，可能只能告诉你……这是两种不同的字体，具体哪里不同我很难跟你解释，但是你试试就知道了。

不如问，能否统一不同平台下的中文字体，为什么。

[Vegetable]

@crella 不是,电脑和手机上 1~9 的顺序是反的.

[rayhy]

不如换一个问法，问如何保证多个平台下中英文字体样式比较接近。

[mxalbert1996]

我也觉得是常识，难以想象连字体不重视怎么能写好页面。

[rayhy]

@rayhy，这个问题虽然更难一点，但不偏离前端，很难说 UI 字体和我前端没关系吧…

[learnshare]

@autoxbc macOS 状态栏的时间就不是等宽的，会跳（笑哭

[love]

是我 out 了吗，连这二个是啥都不知道的还能是前端？这要求也太低了吧

[ironMan1995]

面试问这种的，我只觉得有毛病

[Pastsong]

需要知道，否则我会认为这个人对前端没有兴趣。可能对工作内容有兴趣这个要求对很多人来说太困难了吧，毕竟现在前端门槛这么低。

[damngood]

前端如果做过精细活的话一般都对文字牌版都有了解吧
不光是指 web 前端

[Cu635]

不偏。作为前端，这些都是基础知识。
这些问题 lz 你去问后端，那才叫偏。

[varzy]

@ironMan1995 #32 真心求教，问什么样的不算有毛病？

[varzy]

@love #31 事实上我最近面试了 15 人以上，没有任何一个人能答出这个问题。我也很奇怪。

[varzy]

@yixiang #25 感谢建议，你提出的这个问题确实更好 ^_^

[varzy]

想了挺多的，我始终不认为这个问题是一个“很偏”的问题。在未来的面试中我仍然会继续问这个问题（或以上几位朋友提出的新问题），只是从之前的“不清楚是扣分项” ->“ 能答上来是加分项”。

毕竟前端开发者是距离用户最近的职业之一，要求这个职业注重字体效果，或是给中文和西文之间加个空格，我认为并不过分。

[agdhole]

不如问一问无障碍

[billlee]

这个是常识吧，我一个后端也知道啊，做 ppt, 写博客，也要考虑哪里用什么字体啊

[varzy]

@agdhole 实际上我也问了，也就是随口一问，不会因为答不上来而扣分

[linmq]

需要

[jarnanchen]

我只知道是两种不同的字体
如果对设计有很严格的要求，可能会比较注意

[varzy]

@xxx749 #5 css 的基础。至少我认为这是 css 的基础，甚至是前端的基础。

[ezreal]

知道，但是工作中几乎用不到

[cest]

@varzy #37 都只是来骗饭吃的,没一个真的研究过显示效果

[ironMan1995]

@varzy 搜索一下就知道的，没有深度、没有沉淀的知识点，有什么好问的，真要问 css 我复习下给你挨个讲

[WilliamYang]

个人认为，如果感觉自己能力不够，不知道问什么问题好，可以选择不去当面试官

[varzy]

@ironMan1995 #48 再次真心求问，什么是有深度的，有沉淀的知识点，能否举个例子？

[varzy]

@WilliamYang #49 真心求问，应该问些什么？

[kingsleydon]

我觉得这个问题已经常识到没必要放进面试题了……居然真的有人不知道……

[molvqingtai]

我认为这是前端应该知道的常识，认真手写过 css 的，对字体、高分屏图片、1px 边框之类的在设备上的展现效果都应该有认知

[Procumbens]

serif 和 sans-serif 真的算是很基础的东西吧……
不明白为什么 LS 还有人嘲讽

[ironMan1995]

@varzy 问你们公司高级前端开发啊，如果你们招的初级的，多问问你这种也没啥毛病

[iamsheep]

这个写 css 绕不过去的吧，难道都是复制粘贴？

[watzds]

调过 Ubuntu 字体，浏览器字体的都知道吧

[ech0x]

？？？这是非常基础的东西吧……

[grewer]

@iamsheep 因为现在引入组件库什么的 font 这些 都是已经设置好了

[janus77]

我就问你会因为这“一个”问题 pass 掉对方吗
如果不，那这问题客观上就没有那么重要

[expy]

看来是不用 Linux，无衬线、衬线、等宽字体，抗锯齿、微调、亚像素渲染，Fontconfig 常用配置选项。

[zsj950618]

那些说不重要的，回头你家网页渲染用了宋体，看你们怎么忍。

[lizz666]

这个还真不知道

[sheldor]

这东西肯定需要了解的 我一个外行人改 css 也能看到这东西顺便去了解了一下啊
话说回来 不专业的人做的不专业的事情多了去了，比如我司天猫旗舰店运营经理，要求我司设计把活动承接页的图片换成微软雅黑字体，不知道会不会被方正找上门

[chocotan]

我一直在和各种第三方对接，发现有相当多（一半以上）的人居然不知道 application/x-www-from-urlencoded 里的数据是需要 url 编码的，特别是数据里带+的情况，甚至有人连 url 编码是什么都不知道
===
所以面试一定要考察基础

[jin5354]

我想知道这东西不会有什么影响，毕竟设计交付的都是 sketch 文档或者 psd，字体写的一清二楚，只要保证 100%还原设计稿就不会有工作失误。
至于有深度的知识点，常见的如 js 基础，react/vue 框架原理，多端转换 /ast/jsvm/flutter/动态化，加载执行性能调优，工程化，细分领域的可视化 /图形学原理，wasm 等等太多了，不过看 lz 资历尚浅，估计也不好面人。

[anguiao]

这个只要换过 Chrome 的默认字体就能知道吧，都不用学过 CSS。我觉得可以算是常识了，这么多人不知道我还是比较吃惊的。
至于这个影不影响工作、能不能考察一个人的水平，那就是另外一个问题了。

[royzxq]

我居然，还真不知道。。。

[royzxq]

学习了

[galikeoy]

我也不知道，但是我觉得这并不是什么有深度的东西，百度两分钟了解就行了

[wxt2005]

我以前也觉得，面试不应该问这么基础的问题。但是后来发现，真的很多人 HTML/CSS 基础都不过关，实际工作合作起来非常痛苦。
如果这些都没有兴趣了解，那又为什么要做前端呢？

[espaul64]

@autoxbc 印象里当年 macOS 10.10 时菜单栏时间就会来回摆

[JCZ2MkKb5S8ZX9pq]

设计出身表示这是基本功啊

[redam]

我也不知道，呜呜呜，我是个辣鸡

[HankAviator]

前一段时间拿到的面试题居然问我什么是 USB，CPU，GPU……

[mxalbert1996]

@jin5354 所以你们是全部用 Web 字体还是说默认所有用户电脑里都有你们想用的字体？

[Stevearzh]

闻道有先后，术业有专攻。看你为啥要招人了。

[ChristianChen]

@rabbbit 首先 github 就不是

[DOLLOR]

知道这个可以加分，说明他还是懂点“设计”，不知道也不要紧，反正就是个照图做界面的。

[gouflv]

看过 mdn 或者任何正式文档的都会知道，所以吐槽前端多数是野路子不是没道理

[whypool]

字体和前端有鸡毛关系？

问字体区别，这个应该去问设计师

[bumz]

如果衬线非衬线都分不清恐怕确实让人怀疑……

毕竟虽然不是必备知识，但是是常识

[bumz]

@iMusic
苹方; SF Display
安卓中文真不知道; Roboto

[bumz]

@bumz 新版当然思源黑体

[jin5354]

@mxalbert1996 设计有明确规范，什么平台用什么字体，什么字体买了版权可以用什么不可以，游戏等场景还会做位图字体，连这个都不懂出什么设计稿