Meilleure pratique / style pour importer une police dans une application Web angulaire de 4 cli

Je travaille sur un Angulaires 4 projet personnel, et je voulais ajouter Ubuntu famille de polices à mon Angulaire de l'application. Quelle est la meilleure pratique ou de style pour l'ajout d'un certain nombre de polices personnalisées à un projet? J'ai actuellement enregistré le ubuntu famille de polices dans /actif/fonts/ubuntu-font-family-0,83 et de l'ajouter à la plus externe de la composante fichier CSS, app.composante.css avec la police.

@font-face {
   font-family: 'Ubuntu';
   src: url('/assets/fonts/ubuntu-font-family-0.83/Ubuntu-R.ttf');
}

Par la mise en au composant d'origine je n'ai pas à redéfinir la police dans les composants imbriqués j'ai juste le traiter comme une police par défaut de la famille.

Est-il plus clair/meilleure façon de le faire et encore découper le code dupliqué?

source d'informationauteur ob1

  1. 14

    Il y a de mieux pour inclure des polices sur le site, non seulement angulaire app.

    Caisse https://fonts.google.com

    Pourquoi c'est mieux?

    • des performances plus élevées
    • plus de chance, que votre client n'aura police dans son cache
    • vous n'avez pas à vous soucier de joindre des fichiers, et utiliser le vôtre origine de la bande passante

    Dans votre cas, vous importez suivantes dans votre fichier css:

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

    Vous pouvez le placer dans la main .fichier css, inclus par index.html. Ou vous pouvez utiliser <link> tag et inclure des polices dans vos en-têtes (également dans index.html)

    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">