Cordova 在离线应用程序中使用Roboto

我有一个Cordova/Angular2应用程序，基于

angular cli

，也使用材料设计。我注意到，当我构建时，我会在

dist

目录中获取文件，例如

roboto-v15-latin-regular.eot  
roboto-v15-latin-regular.svg  
roboto-v15-latin-regular.ttf  
roboto-v15-latin-regular.woff  
roboto-v15-latin-regular.woff2

虽然坦白说，我不知道是谁把这些带进来的。问题是，即使我有

body{font家族：Roboto，sans serif；}

在我的CSS中，Roboto也没有被应用，我得到了普通的旧sans serif字体。我怀疑必要的

@font-face

声明可能需要从某个地方带来，但我不知道从哪里来

我的问题是：是否有一个神奇的CSS文件，其中包含适当的

@font-face

定义，例如，我可以从

app/styles.CSS

导入

此外，发行版中的字体似乎仅适用于常规权重。由于我不知道是谁首先负责这些字体被包括在构建中，我也很困惑，如果我想的话，我怎么能引入其他版本的不同权重的Roboto

我读过，但它似乎过于复杂，可能过时了