@字体面在本地主机的工作不是在活的服务器

我使用我的网站是存储在我的项目文件夹字体和我在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

@字体面在本地主机的工作不是在活的服务器

回答

相关问题