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