这个字体究竟是什么？

Question

目标网页上面的这段话

我有一次，刚买了一台 MacBook Pro，15 寸顶配，想炫个富，于是在朋友圈发了一张我工作的照片，MacBook Pro 外加双大屏显示器，外加 HHKB 键盘，外加 Beats 耳机、苹果鼠标、各种正版手办等小物件，总价值在当时的我看来算是显富了，为了显得高端一点，屏幕上显示的终端与代码，配上一句低调有内涵的旁白「平时工作的环境，辛苦啊...」效果很明显，不一会就收到很多人的评论：

究竟使用的是什么字体？

我用chrome打开的查看，结果。

最右端显示：

Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;

现在，我这个网页里面就是是那个字体呢？

Answer 1

font-family 中是一个优先级从高到底的多个字体组成，由逗号分割的字符串。
在渲染时候，是浏览器根据一个字从其最开始的一个字体开始判断，是否能使用其进行渲染如果不能，则使用下一个字体进行尝试。
不能渲染的可能性有多种，比如你没有这种字体，或是这种字体没有对应字符。

这里你可以逐个删除前面优先级高的字体，然后看一下什么时候字体发生了变化，那么就是你想要知道的字体了。

Answer 2

font-family中的字体是从左到右进行解析，用逗号隔开，看看根据提供字体来依次解析；网络或浏览器默认。