在角2頁上安裝字體

我有一個Angular 2應用程序，我希望在其中使用wrapbootstrap。但是，我確實遇到了字體問題（bootstrap，font-awesome，google），因爲我不知道如何實現它們。在角2頁上安裝字體

當使用wrapbootstrap CSS文件中說，它無法找到字體真棒：

「無法加載資源：服務器與404（未找到）http://localhost:8000/fonts/font-awesome/fontawesome-webfont.woff2?v=4.4.0狀態迴應」

我不能讓因爲我可以在Chrome控制檯的資源中看到該確切地址中缺少的文件。

字體文件是當前VI從CSS（application.css）文件中的以下相對路徑的文件夾中使用它們：

哪個適合在需要的路徑css文件：

我希望如此當我迷路時，那裏的人可以提供一些指導。

在此先感謝

解決問題顯然是我的字體文件夾的位置。我的文件結構如下：

我首先添加了字體/相對於application.css文件的位置。它必須位於我的應用程序的根目錄（src）

來源

2016-07-25 methgaard

這一切都取決於你的文件夾結構和服務器的類型，使用的是.. 您可以創建一個Plunker一個項目（或小提琴）？ –

感謝您的快速響應，並幫助 - 我現在解決了我的問題 – methgaard

添加使用軟件包管理器安裝的字體通常是一項任務。例如，使用font-awesome或任何其他類似的庫是人們需要的典型任務。

爲此，你可以通過以下步驟：

在tools/config/project.config.ts：

... 
    export class ProjectConfig extends SeedConfig { 
     PROJECT_TASKS_DIR = join(process.cwd(), this.TOOLS_DIR, 'tasks', 'project'); 

     FONTS_DEST = `${this.APP_DEST}/fonts`; 
     FONTS_SRC = [ 
      'node_modules/bootstrap/dist/fonts/**' 
     ]; 
...

創建一個文件tools/tasks/project/build.fonts.ts：

import * as gulp from 'gulp'; 
import Config from '../../config'; 

export =() => { 
    return gulp.src(Config.FONTS_SRC) 
     .pipe(gulp.dest(Config.FONTS_DEST)); 
};

在gulpfile.ts（或在seed.tasks.json爲n種子的壺版本）

// Build dev. 
gulp.task('build.dev', done => 
    runSequence('clean.dev', 
       'tslint', 
       'build.assets.dev', 
       'build.fonts', // Added task; 
       'build.js.dev', 
       'build.index.dev', 
       done)); 
// Build prod. 
gulp.task('build.prod', done => 
    runSequence('clean.prod', 
       'tslint', 
       'build.assets.prod', 
       'build.fonts', // Added task; 
       'build.html_css.prod', 
       'build.js.prod', 
       'build.bundles', 
       'build.bundles.app', 
       'build.index.prod', 
       done)); 
// Build test. 
gulp.task('build.test', done => 
    runSequence('clean.dev', 
       'tslint', 
       'build.assets.dev', 
       'build.fonts', // Added task; 
       'build.js.test', 
       'build.index.dev', 
       done));

src

來源

2017-02-02 22:52:14 Aravind

在角2頁上安裝字體

回答

相關問題