J'essaye d'importer la police "Montserrat" dans mon projet Angular4 mais elle se réinitialise simplement au standard.
Voici mon style.css
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700");
.fancyFont {
font-family: 'Montserrat';
}
Et mon ami.component.html
<p class="fancyFont">Look at my Fanciness</p>
2 réponses
Je l'ai compris.
J'ai importé les polices de google comme ceci:
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700");
Ce qui comprend deux poids différents, 500 et 700. En indiquant au CSS le poids de police que je voulais utiliser, il a commencé à fonctionner.
.fancyFont {
font-family: 'Montserrat';
font-weight: 500;
}
Voici la façon dont la police awesome a ajouté des polices dans le fichier scss. Peut-être que vous devez envisager cette façon de faire cela.
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
De nouvelles questions
css
CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.