自定义字体在本地工作但不在服务器上？

Question

我正在使用VS2010开发asp.net 4.0。我试图使用自定义字体为几个文本。

我有'字体'文件夹，其中包含字体文件。

css是（css文件夹中的css文件）

@font-face {
font-family: "Trade Gothic20";
src: url('../Fonts/TradeGothicLTStd-BdCn20.otf');

该字体在本地工作，但当我移动到服务器时，它不起作用。

• 文件无法加载。 404错误。

我已将Build Action Property设置为内容。

可能是什么原因？

我看到了一个问题（下面）

question on stackoverflow

我是否需要写配置文件，但我有'otf'扩展文件？

请指导我。

感谢。

Answer 1

试试这个：

1. 首先检查您的字体是否可以通过组合网址访问。
2. 如果网址构建正确，请再次打开网页并检查（例如使用chrome Inspector）。
3. 如果没有显示错误，请检查网络服务器是否允许访问/下载MIME类型
4. 检查此答案，看看它是否不是浏览器支持问题：How to add some non-standard font to a website?

希望这有帮助

Answer 2

请尝试使用不同的字体格式，因为某些浏览器只能查看特定的字体格式

喜欢这个@font-face { font-family: 'Trade Gothic20'; src: url('http://www.URL/fontname.eot'); src: url('http://www.URL/fontname.ttf') format('truetype'), url('http://www.URL/fontname.woff') format('woff'), url('http://www.URL/fontname.svg') format('svg'); font-weight: normal; font-style: normal; }

Answer 3

尝试输入不带..（而不是参考）的完整URL：

示例：

src: url('http://devserver/MyPortal/Content/MvcGrid/Fonts/GridGlyphs.woff') format('woff');

或没有服务器名称：

src: url('MyPortal/Content/MvcGrid/Fonts/GridGlyphs.woff') format('woff');