在我的項目中包含谷歌字體

我在我的項目中添加了蒙特塞拉特規則。但它的不檢測和字體風格並沒有改變。在我的項目中包含谷歌字體

在我index.html:

我包括字體網址了。

<link href = "https://fonts.googleapis.com/css?family=Montserrat:400,700" rel='stylesheet' type='text/css'>

CSS：

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); 

    @font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); 
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; 
}

來源

2017-03-02 Nicoleta Wilskon

可以共享實時鏈接，你的工作代碼？或者試試Codepen –

您只需連結放在您的HTML文件：

<link href = "https://fonts.googleapis.com/css?family=Montserrat:400,700" rel='stylesheet' type='text/css'>

，然後用它在你CSS文件希望每一個元素：

p { font-family: 'Montserrat'; }

檢查這個搗鼓一個更好的例子：https://jsfiddle.net/vf7q1gjy/1/

來源

2017-03-02 11:06:21

謝謝。它真的很有幫助 –

設置字體家族在你的CSS文件：

body { font-family: 'Montserrat', sans-serif; }

來源

2017-03-02 11:02:54

在我的項目中包含谷歌字體

回答

相關問題