如何替换 meterial UI 框架的 roboto 字体？

Question

个人偏爱 Metrail Design，正在尝试 Vuetify 等框架，但他们都使用了谷歌字体，查看了国产的muse ui，他也是直接使用谷歌api。上 npm 查找了下roboto 的字体包，可是替换失败了，可能是我姿势不对。。。

<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">

可是这样不是会导致部分用户无法正常使用么？

请问如何替换上述link标签呢？最好替换成思源黑体？听说思源黑体与roboto完美兼容且对中文友好。