并非所有浏览器都支持所有字体。

因此，为多个字体系列选择浏览器支持的字体，从第一个字体开始。如果支持第一种字体，则使用它，否则检查是否支持下一种字体，依此类推。使用支持的最左侧字体。

font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

在这种情况下，并非所有浏览器都支持Lato。因此，下一个字体Helvetica Neue被选中。

您还会注意到最后的字体是通用的，在这种情况下，所有浏览器 Arial 和无衬线都支持这些字体。

来自MDN

font-Family CSS属性允许您为所选元素指定字体系列名称和/或通用系列名称的优先列表。值用逗号分隔以指示它们是替代项。浏览器将选择列表中安装在计算机上或可以使用@font-face at-规则下载的第一种字体。

Web作者应该总是在字体系列列表中添加至少一个通用系列，因为不能保证特定的字体安装在计算机上或者可以使用@font-face at-rule下载。通用系列允许浏览器在需要时选择可接受的备用字体。

这有点像备份，如果浏览器不支持第一种字体，它会跳转到第二种字体。

来自W3学校

font-family属性可以保存几个字体名称作为“后备”系统。如果浏览器不支持第一种字体，它会尝试下一种字体。

字体系列名称有两种类型:

家庭名称-字体家族的名称，如“时代”、“快递”、“arial”等。通用家族-通用家族的名称，如“衬线”、“无衬线”、“草书”、“幻想”、“等宽”。

http://www.w3schools.com/cssref/pr_font_font-family.asp