web如何判断某个字体是否在浏览器字体里？

大家开发H5页面，react框架，都用的哪个组件库啊

#每天一个知识点#
问题描述：
项目中有一个功能模块，包含 待办、待阅、已办、已阅 四种状态，使用 Tab标签页 展示，每个 Tab 的标题需要显示对应状态的具体条数（例如：待办(10)）。目前的实现方式如下：
初始化时：调用 4次接口，分别获取 待办、待阅、已办、已阅 的总条数，并赋值到对应的 Tab 标题中。
切换 Tab 时：为了保持数据的实时性，每次切换 Tab 都会再次调用4次接口 更新数据。
还有很多相似的模块功能(贺卡发放-已发放,待发放)

问题痛点：
初始化时调用4次接口，已经感觉有些冗余。
每次切换 Tab 还的调用4次接口，性能开销太大，用户体验也不好。

我的疑问：
接口设计优化：有没有更好的接口设计方式，可以减少接口调用次数？

jym有没有遇到类似问题，是如何解决的？