在JHipster上使用Google字體

我想從Google字體中使用蒙特塞拉特。我把vendor.scss如下：在JHipster上使用Google字體

@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>

但它不工作。該網頁只顯示sans serif。

什麼是正確的做法？

來源

2017-04-05 Arif

我也使用蒙特塞拉特，但本地。但這對你的情況並不重要。

我的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; 
}

在你的情況adapte 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; 
}

並在您的網頁上使用它：

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

來源

2017-04-06 11:50:27

在JHipster上使用Google字體

回答

相關問題