javascript - 可以在服务器上看到自定义字体，但在本地看不到

Question

我使用 Sansation 作为自定义字体，当我上传我的网站时它显示正常，但是当我在本地调试时，它没有显示：

默认.css：

/* #region Fonts */
@font-face {
    font-family: "Sansation Regular";
    src: url("/Fonts/Sansation_Regular.eot?") format("eot"), url("/Fonts/Sansation_Regular.woff") format("woff"), url("/Fonts/Sansation_Regular.ttf") format("truetype"), url("/Fonts/Sansation_Regular.svg#SansationRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* #endregion */

body {
    font-family: "Sansation Regular";
}

字体位于：

root:
   -Shared:
   ---Assets:
   ------CSS:
   ---------Default.css
   ------Fonts:
   ---------Sansation_Regular.xxx

我怎样才能让字体也显示在本地？

Answer 1

例如，如果您在 上，http://foo.com/bar/hello.html并且遇到带有表单的URI/Fonts/world.ttf，则它指的是URL http://foo.com/Fonts/world.ttf。

从您的数据结构来看，指向您的字体的URI/Shared/Assets/Fonts/world.ttf应该具有生成类似URL的形式http://foo.com/Shared/Assets/Fonts/world.ttf

如果您打开开发者控制台并查看网络活动，您应该会在尝试/失败的资源加载中看到错误的路径。