我有一个基于angular-cli的Cordova / Angular2应用程序，也使用了Material Design。我注意到，当我构建时，我会在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
虽然坦率地说我不知道是谁负责这些。问题是，即使我的CSS中有body { font-family: Roboto, sans-serif; }，Roboto也没有被应用，我得到了普通的旧sans-serif字体。我怀疑可能需要从某个地方引入必要的@font-face声明，但我不知道从哪里开始。
我的问题是：是否有一个神奇的CSS文件，其中包含适当的@font-face定义，我可以@import来自app/styles.css，例如？
此外，分发中的字体似乎只适用于常规权重。由于我不知道谁首先负责将这些字体包含在构建中，所以我也很困惑，如果我愿意，我可以如何使用不同权重的其他版本的Roboto。
我已阅读this question，但它似乎过于复杂，可能已过时。