如何将 css 文件中的字体文件加载到 Angular 项目中

Question

我有这个项目，其中包含字体、图像和 CSS 文件夹资产下的文件：

如何将字体导入此 CSS 文件？

@font-face {
    font-family: lg;
    src: url(./assets/fonts/lgd641.eot?n1z373);
    src: url(./assets/fonts/lgd41d.eot?#iefixn1z373) format("embedded-opentype"), url(./assets/fonts/lgd641.woff?n1z373) format("woff"), url(./assets/fonts/lgd641.ttf?n1z373) format("truetype"), url(./assets/fonts/lgd641.svg?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal;
}

现在找不到了。

Answer 1

您可以使用 ../fonts/file-name 字体目录路径代替 css 文件中的 ./assets/fonts。

Answer 2

尝试将路径更改为以下内容：

@font-face {
    font-family: lg;
    src: url(assets/fonts/lgd641.eot?n1z373);
    src: url(assets/fonts/lgd41d.eot?#iefixn1z373) format("embedded-opentype"), url(assets/fonts/lgd641.woff?n1z373) format("woff"), url(assets/fonts/lgd641.ttf?n1z373) format("truetype"), url(assets/fonts/lgd641.svg?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal;
}

如何将 css 文件中的字体文件加载到 Angular 项目中

How to load a font file from css file into Angular project

css

angular

angular7

angular8