添加字體樣式與CSS

我已經加入到我的我的網頁添加字體樣式與CSS

<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' /> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' /> 
    <link href='https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' />

這些字體的風格我怎樣才能將它們添加到我的頁面的CSS，使我沒有在我的CSS這些外部鏈接

我想這

@font-face { 
    font-family: 'Roboto'; 
    src: url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic'); 
}

但在我的控制檯（我用Mlozilla）我有

下載的字體：通過消毒

拒絕在Chrome中的錯誤說：

無法解碼下載的字體：https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

然後我下載與的Roboto字體相關的文件，並試圖

@font-face { 
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../../content/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2'); 
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 
}

但沒有任何反應。

來源

2017-02-05 Dimentica

http://stackoverflow.com/questions/35203696/source- sans-pro-font-in-html/35204067＃35204067 –

你可以去谷歌的每個字體鏈接，並與喜歡的任何名稱保存到css文件：

進入這個鏈接然後複製並保存到一個名爲的Roboto文本文件，並改變以.TXT .CSS （roboto.css）

https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

此css文件然後添加到您的HTML這樣的：

<link href='roboto.css' rel='stylesheet' type='text/css'>

併爲每谷歌字體鏈接做人之道。

對於本地訪問此鏈接鏈接woff2文件例如，字體將得到下載，將其保存在一個名爲文件夾名的字體opensans-light.woff2

https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2

然後使用它像

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans-light.woff2) format('woff2'); 
}

來源

2017-02-05 13:11:30

IIRC，Google根據瀏覽器使用用戶代理嗅探服務不同的CSS文件。 –

@J F，你是什麼意思，我沒有，沒有得到這一個....這如何影響我包括字體的方式？ – Dimentica

很簡單

打開在href方法鏈接您的<link>標籤內

如 https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic
副本你喜歡
在.css文件粘貼它的CSS樣式

來源

2017-02-05 13:19:27

您可以導入來自css的腳本，您可以在html元素中設置字體系列。

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic'); 
 

 
html { 
 
    font-family: 'Roboto'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; 
 
}

Test

按「運行的代碼片斷」上面看到它的工作。

來源

2017-02-05 13:22:02

你的CSS文件，您可以使用@import規則CSS

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic');

導入這樣的頭，一切都將工作

來源

2017-02-06 11:48:57

添加字體樣式與CSS

回答

相關問題