3

我正在为我的网站使用一种字体，它作为字体 存储在我的项目文件夹下 ，我在 css 中使用了这个代码。

我的 CSS

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

它在本地主机上工作，而它上传到生活字体样式不适用于我的网站。如何让它在现场工作。

谢谢。

4

4 回答 4

3

当您使用 Visual Studio 时，您需要在属性下将每个 webfonts 的构建操作设置为“内容”。如果您不这样做，您的字体文件将不会包含在部署包中，并且永远不会进入您的服务器。

此外，我建议改进@font-faceCSS 中的代码以包含所有格式（您可以使用字体松鼠来帮助解决此问题：http ://www.fontsquirrel.com/fontface/generator ）。另外值得一读的是这篇关于最兼容代码的文章：http: //paulirish.com/2009/bulletproof-font-face-implementation-syntax/

于 2012-10-10T14:49:28.153 回答
2

您确定实际字体已上传到您的网络服务器并且路径正确吗？

我建议指定所有图像文件：

@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 */
    }

要从字体文件中生成它们，只需使用这样的工具

于 2012-10-10T14:57:26.977 回答
1

您的字体路径是绝对的。核实。

于 2012-10-10T14:43:05.923 回答
1

如果您的 css 文件位于名为“css”的文件夹中，并且字体目录和 css 目录位于名为“assets”的同一文件夹中。

然后：我认为你的css代码应该是：

 @font-face
{
font-family: buddys;
src: url('../fonts/Kristen-ITC-Regular.ttf'),
     url('../fonts/Kristen-ITC-Regular.eot'); /* IE9 */
}
于 2012-10-10T14:50:44.820 回答