@字體面在本地主機的工作不是在活的服務器

我使用我的網站是存儲在我的項目文件夾字體和我在CSS中使用此代碼font。@字體面在本地主機的工作不是在活的服務器

我的CSS

@font-face 
{ 
font-family: buddys; 
src: url('/fonts/Kristen-ITC-Regular.ttf'), 
    url('/fonts/Kristen-ITC-Regular.eot'); /* IE9 */ 
}

其在本地主機上的工作，而其上傳到住的字體樣式在我的網站不適用。如何使其在現場工作。

謝謝。

來源

2012-10-10 krish

工具是否已通過Visual Studio中部署此，在任何情況下？ –

@AlanShortis：是的，我正在使用visual studio – krish

向我們展示一個抓取您的文件夾結構，並且我們可以很容易地告訴您 – daveyfaherty

當您使用Visual Studio時，需要將每個Web字體的Build Action設置爲屬性下的「Content」。如果您不這樣做，您的字體文件將不會包含在部署包中，也不會將其包含到您的服務器中。

此外，我會建議在您的CSS中改進您的@font-face代碼以包含所有格式（您可以使用字體松鼠幫助此：http://www.fontsquirrel.com/fontface/generator）。另外值得一讀的是這篇文章中使用的最兼容的代碼：http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

來源

2012-10-10 14:49:28

通過使用內容構建字體文件糾正了問題 – krish

您的字體路徑是絕對的。覈實。

來源

2012-10-10 14:43:05 czachor

您可能希望它能夠在子頁面上加載字體，但我同意網址應該是檢查。 – doublesharp

確實，在linux上用'/'開始一個路徑請參考根文件夾。 –

如果您的css文件位於名爲'css'的文件夾中，並且字體dir和css dir位於名爲'assets'的相同文件夾中。

然後：我覺得你的CSS代碼應該是：

@font-face 
{ 
font-family: buddys; 
src: url('../fonts/Kristen-ITC-Regular.ttf'), 
    url('../fonts/Kristen-ITC-Regular.eot'); /* IE9 */ 
}

來源

2012-10-10 14:50:44 lijinma

你確定實際的字體上傳到網絡服務器和路徑是正確的？

我建議指定所有圖像文件：

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    }

要從字體面文件生成所有這些，只是使用像this

來源

2012-10-10 14:57:26 CodeTalk

@字體面在本地主機的工作不是在活的服務器

回答

相關問題