css 放服务器.ttf文件,在css中使用ttf文件

據我所知，在這種情況下使用本地存儲的自定義字體，您可以使用與此類似的東西。在css中使用ttf文件

@font-face {

font-family: 'theFontFamily';

src local('the font'),

local('the-font'),

url(path/to/the-font);

}

.fontClass {

font-family: 'theFontFamily', extra_settings;

}

所以在本地使用這個font，你會期望這個工作嗎？

@font-face {

font-family: 'Pacifico';

src: local('Pacifico Regular'),

local('Pacifico-Regular'),

url(resources/fonts/Pacifico.ttf);

}

.logo-container {

font-family: 'Pacifico', cursive;

}

，當我嘗試它的代碼更改字體，只是沒有到所需的字體。它看起來像這樣。

而如果我用的是進口環節，，只是用下面的代碼工作。

.logo-container {

font-family: 'Pacifico', cursive;

}

這看起來像這樣。

我可能已經做了一個簡單的錯誤，我會很感激，如果有人能幫助我解決這個。

2016-07-22

Dan

+0

你確定你有合適的網址嗎？字體在本地看起來不同的原因是因爲'cursive'被加載而不是'Pacifico'，因爲它不能被發現 –

+0

@Bubblesphere我相信這是問題所在。現在只要找到正確的網址就可以了。谷歌Chrome的最新版本 –