Wie Schriftarten in sich geschlossene Eckige 2-Komponente

Ich habe eine Komponente, die erfordert, dass Sie eine benutzerdefinierte schriftart als eine Abhängigkeit. Ich möchte die Komponente zu behandeln, das importieren der Schriften selbst, so dass es tragbar. Auch unsere Projekte sind mit angular-cli, also habe ich keine Kontrolle über webpack.config sowieso.

Ich hatte gehofft, eckig-cli war klug genug, um verschieben Sie die schriftart, wenn ich habe einen einfachen import in der Komponente, aber es wird nicht verschoben auf bauen.

import '.my-custom-font.woff'; //doesn't work

Sowieso, einfach ausgedrückt, ich brauche die schriftart verschoben, um das build-Verzeichnis, wo ich nachschlagen zu können aus meiner css...

@font-face {
  font-family: "Custom Font";
  src: url("??????/my-custom-font.woff") format("woff")
}

InformationsquelleAutor Brian | 2017-02-02

  1. 4

    Wenn Sie Dateien im /assets-Ordner (innen src-Ordner), können Sie die schriftart mit:

    @font-face {
  font-family: "Custom Font";
  src: url("/assets/my-custom-font.woff") format("woff")
}

    und verwenden Sie dann in der html.

    Mein Ziel ist es, eine tragbare Komponente. Wenn ich es rausziehen Vermögenswerte und bewegen Sie Sie in unterschiedliche Verzeichnisse, die Art von Niederlagen der Zweck des seins modular, Nein?
    Wenn Sie diese in einer globalen css-Datei, die Sie verschieben können, schriftart-Datei, die überall und Sie haben zu ändern, nur eine css-Datei. Ich in der Regel speichern Sie es auf "apps" > "styles" > "Stile.css" angular-cli.json-Datei.
    Ich habe das gleiche problem. @Brian , hast du eine Lösung finden zu halten Sie Ihren code modular, ohne die Dateien in einem globalen css-Ordner ?
    Leider Nein. Sorry @SébastienPertus. I verschoben aus dem Projekt aus, bevor die Suche nach einer Lösung für dieses Problem. Viel Glück
    Keine Arbeit für mich...

    InformationsquelleAutor Fabrizio Caldarelli

Schreibe einen Kommentar