我们对使用系统的UI源感兴趣，因此我们不需要Web源传送服务或存储在服务器上的字体文件。
你如何在网站上使用系统的UI源？
目前有两种使用系统UI源创建网站的方法有两种方法可以使用方法A，CSS：source：menu abbreviated property。
有很多CSS字体属性（标题，图标，菜单，消息框，小标题，状态栏）已经开发了很长时间，但它们并没有被视为在项目中常用。
方法A有缺点。
IOS没有返回正确的字体，许多Android浏览器都不会返回它。
这是速记。换句话说，字体大小被覆盖，不能组合，并且不会再次显示。
方法B是按名称列出源。
当然，方法B有缺点。
您必须遵守清单（和您的订单）。
此列表适用于最常见的浏览器和操作系统，但不适用于所有这些浏览器和操作系统。
它不适用于Mac OS X El Capitan的Firefox。因此，将展示Neue Helvetica。
该解决方案是容易出现的名称冲突，将导致一个非常有趣的错误，系统的起源是在中间，例如，氧气（KDE的用户界面的源）其他来源的名称。此外，如果您在计算机上安装Roboto或Fira Sans作为开发人员，则可以使用其中一个实际UI源而不是系统来获取此源语句。
在Mac OS 10.0 10.9，但很好的可读性作为系统的用户接口的源将被使用，但的Mac OS 10.10在抵达Neue黑体将被使用，无论是在Mac OS X中的两个版本的字体被安装。
声明按顺序扫描源列表以查找第一个安装。你不能在某些平台上选择Lucida Grande，在其他平台上选择Neue Helvetica。始终选择声明中列出的第一个。
可能存在将方法A和方法B结合起来以利用两者的趋势，但不幸的是，这并不容易。
根据用户代理，您还可以想象从服务器发送不同的CSS值（例如，仅字体系列：“Fira Sans”，sans-serif;
只有当您知道浏览器适用于Firefox OS或JavaScript时，它似乎很复杂且难以维护，但它无论如何都无法解决所有问题。
我们目前正在使用方法B.
我选择这种方法是因为它没有问题，并且与大多数实际开发一致。
此外，如果要根据站点上使用的用户界面的来源调整线的填充和高度，则需要使用先前的混合方法。