gpt4 book ai didi

css - @font-face 不适用于网站副本

转载 作者:行者123 更新时间:2023-11-28 13:33:01 24 4
gpt4 key购买 nike

我在我的 @font-face 标签中使用了自定义字体,它在我的 ASP.NET 3.5 网站上成功运行在本地 IIS 站点 (localhost) 在所有 (Windows) 浏览器上。但是,当我使用不同的端口 (localhost:5000) 将该站点复制到同一服务器上的另一个 IIS 站点时,字体不再正确呈现。完全相同的资源仍然存在,网站仍然按设计运行,只是没有字体。我已将网站推送到托管服务,但问题仍然存在。

服务器会怎样阻止字体呈现?

编辑:添加代码

字体以 eot、woff、ttf 和 svg 格式提供,位于以下文件夹中...

websiteRoot/_resources/fonts/FontFace/:

FontFace-webfont.eot
FontFace-webfont.woff
FontFace-webfont.ttf
FontFace-webfont.svg

定义 @font-face 的样式表与字体位于同一文件夹中。

websiteRoot/_resources/fonts/FontFace/stylesheet.css:

@font-face {
font-family: "FontFace";
src: url("FontFace-webfont.eot") format("eot");
src: url("FontFace-webfont.eot?#iefix") format("embedded-opentype"),
url("FontFace-webfont.woff") format("woff"),
url("FontFace-webfont.ttf") format("truetype"),
url("FontFace-webfont.svg#FontFace") format("svg");
font-weight: normal;
font-style: normal;
}

我的 admin_styles.css 样式表(位于不同的文件夹中)实现了新字体:

h1, h2, h3 {
font-family: "FontFace", Arial, sans-serif;
}

消费页面引用了两个样式表:

<link href="/_resources/fonts/FontFace/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="/Admin/_resources/styles/admin_styles.css" rel="stylesheet" type="text/css" />

我相信这不是一个引用问题,因为样式表中的样式正在出现。它似乎只是未呈现的字体。这也适用于一个本地站点,当我将它复制到另一个本地站点时它不起作用。

可能值得指出的是,它不是“复制”我使用 Visual Studio 2010 “发布” 将代码推送到新站点em> 功能设置为发布到文件系统位置,并设置了“发布前删除所有现有文件”。文件系统位置是在IIS 7.5 中设置为网站的目录。

谢谢,G

最佳答案

所以我弄清楚了这个问题,这有点愚蠢(对我来说),当 Visual Studio 2010 发布时,似乎默认情况下带有 EOT、TTF、WOFF 扩展名的文件不包含在推送中。因此,虽然代码已正确发布和引用,但未包含所需的资源文件,因此无法加载字体。我只是简单地复制了丢失的资源,瞧!一切都恢复正常了。

谢谢你

关于css - @font-face 不适用于网站副本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13332150/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com