Web applications Web应用程序中Web字体和权重的使用

Web applications Web应用程序中Web字体和权重的使用,web-applications,loading,webfonts,Web Applications,Loading,Webfonts,我最近被一个客户联系,为一个网络应用开发一个模型 由于web应用程序的复杂性相当高,在每个页面/屏幕截图上显示的按钮、选项和纯文本的数量非常多,因此我一直在努力寻找一种令人赏心悦目并提供快速加载时间的解决方案 除了其他选项外,web应用程序还提供了一个文档阅读器和广泛的搜索选项,这些选项设置了文本元素显示中某些层次结构的需要。颜色和文本大小的使用将有助于使某些元素可以识别,并从范围较低的元素中脱颖而出,但我也在考虑使用一些公司字体的权重,以便第一眼就能清楚地看到层次结构 我不想因为使用10种不同

我最近被一个客户联系,为一个网络应用开发一个模型

由于web应用程序的复杂性相当高,在每个页面/屏幕截图上显示的按钮、选项和纯文本的数量非常多,因此我一直在努力寻找一种令人赏心悦目并提供快速加载时间的解决方案

除了其他选项外,web应用程序还提供了一个文档阅读器和广泛的搜索选项,这些选项设置了文本元素显示中某些层次结构的需要。颜色和文本大小的使用将有助于使某些元素可以识别,并从范围较低的元素中脱颖而出,但我也在考虑使用一些公司字体的权重,以便第一眼就能清楚地看到层次结构

我不想因为使用10种不同的字体权重而影响Webapp的渲染效果。这是我最担心的问题之一,因为字体是网络字体,而不是本地字体。因此,我想知道在不影响跨浏览器兼容性或整个网站的加载时间的情况下,在整个应用程序中使用的合理权重是多少

有多少重量太多了?这里有什么经验法则吗

也许你可以用一些最佳实践或好的例子来说明你的答案


干杯。

在寻找合适的答案一段时间后,我偶然发现了一篇由Engage Interactive撰写的关于该主题的非常有见地的文章。我想知道网站和webapp的行为如何不同,webfont的广泛使用如何以不同的方式影响加载时间,但这足够提供信息,可以提供有效的答案

希望它能帮助其他人