在JHipster上使用Google字体

我想使用谷歌字体的蒙特塞拉特。我将以下内容放在vendor.scss中：

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

并在home.component.html中使用它，如下所示：

<p style="font-family: 'Montserrat', sans-serif;">Maecenas tortor nunc, tempor id massa vel, scelerisque malesuada urna. Nunc laoreet maximus velit.</p>

蒙特塞拉特，无衬线；“>Maecenas tortor nunc，Temporal id massa vel，scelerisque malesuada urna。努克·拉奥里特·马克西姆斯·维利特

但它不起作用。该网页仅显示无衬线

---

正确的方法是什么？

我也在使用蒙特塞拉特，但是在当地。但这对你来说并不重要

我的css：

@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: local('Montserrat-Regular'), url("../myfonts/Montserrat/Montserrat-Regular.ttf") format('truetype');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

在您的情况下，调整

url（）

我在css中为所有类似的页面定义了它

body {
   background: #fdead6;
   font-family: "Montserrat", Montserrat, Arial, sans-serif;
   /* Montserra bug fix for IE */
   -ms-font-feature-settings: normal;
   /*color: #282828;*/
}

在您的情况下，您可以在css上使用类

.myMontserratFont{
    font-family: "Montserrat", Montserrat, Arial, sans-serif;
    /* Montserra bug fix for IE */
    -ms-font-feature-settings: normal;
}

并在html页面上使用它：

<p class="myMontserratFont">Maecenas tortor nunc, tempor id massa vel, scelerisque malesuada urna. Nunc laoreet maximus velit.</p>

Maecenas tortor nunc，临时id massa vel，scelerisque malesuada urna。努克·拉奥里特·马克西姆斯·维利特