如何替换 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完美兼容且对中文友好。

Answer 1

自问自答了
解决后还是采用roboto字体，因为大家说思源黑体其实很不用心的，有一些小问题。
先下载官方库material-design-icons，我解压后选用了iconfont文件夹，然后复制到本地项目中使用。