如何在Angular Project中捆绑字体，使其不应从internet下载？_Angular_Font Awesome_Angular9

如何在Angular Project中捆绑字体，使其不应从internet下载？

angular

如何在Angular Project中捆绑字体，使其不应从internet下载？,angular,font-awesome,angular9,Angular,Font Awesome,Angular9,我使用的是一种叫做“font Awesome”的字体，我有一个问题，我希望在本地使用该字体，而不是从internet下载该字体，这样即使客户端在安装后立即脱机使用该产品，客户端也可以看到font Awesome字体中的文本 p.S.我在前端使用Angular 9您可以从npm/bower下载把它放在fonts文件夹的某个地方（我个人不喜欢资产，因为它会造成角度上的混乱）从.scss导入它 styles.scss： @font-face { font-family: 'FontAwesom

我使用的是一种叫做“font Awesome”的字体，我有一个问题，我希望在本地使用该字体，而不是从internet下载该字体，这样即使客户端在安装后立即脱机使用该产品，客户端也可以看到font Awesome字体中的文本

p.S.我在前端使用Angular 9

您可以

从npm/bower下载

把它放在fonts文件夹的某个地方（我个人不喜欢资产，因为它会造成角度上的混乱）

从.scss导入它

styles.scss：

@font-face {
font-family: 'FontAwesome';
src: url('<dist folder path>/font-awesome/fonts/fontawesome-webfont.eot');
src: url('<dist folder path>/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),     
    url('<dist folder path>/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), 
    url('<dist folder path>/bower_components/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), 
    url('<dist folder path>/bower_components/font-awesome/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;

@font-face{
字体系列：“FontAwesome”；
src:url（'/font-awesome/font/fontsawesome-webfont.eot'）；
src:url（'/font-awesome/font/fontsawesome-webfont.eot？#iefix'）格式（'embedded-opentype'），
url（'/font awesome/fonts/fontawesome webfont.woff'）格式（'woff'），
url（'/bower\u components/font awesome/font/fontsawesome webfont.ttf'）格式（'truetype'），
url（'/bower_components/font awesome/fonts/fontawesome webfont.svg#fontawesomeregular'）格式（'svg'）；
字体大小：正常；
字体风格：普通；

}

请注意，

指的是您从中下载资产的位置。这是指CoreAMS文件夹上方的img中的第一个云img

很可能是

字体/

如果此文件夹位于tsconfig.json中的baseUrl下，您可以