css - 为什么使用 @import url(./assets/Roboto/roboto-font.css);不行？

Question

我的目录结构是

-app
-main.css
  -assets
     -Roboto
        -roboto-font.css
        -Roboto font files...

但是当我使用@import url("./assets/Roboto/roboto-font.css");在我的 main.css 文件中，但该字体不适用于任何元素。这是 roboto-font.css

的内容

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url(./Roboto-Thin.ttf) format('tff');
}

Answer 1

添加这个可以直接从google导入字体

   @import url('https://fonts.googleapis.com/css?family=Roboto');

并将其与此 font-family: 'Roboto', sans-serif; 一起使用您可以在此处找到更多详细信息 https://fonts.google.com/specimen/Roboto?selection.family=Roboto