Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可以在服务器上查看自定义字体,但不能在本地查看_Javascript_Html_Css_Fonts - Fatal编程技术网

Javascript 可以在服务器上查看自定义字体,但不能在本地查看

Javascript 可以在服务器上查看自定义字体,但不能在本地查看,javascript,html,css,fonts,Javascript,Html,Css,Fonts,我使用Sansation作为自定义字体,当我上传我的站点时,它显示良好,但当我在本地调试时,它不会显示: Default.css: /* #region Fonts */ @font-face { font-family: "Sansation Regular"; src: url("/Fonts/Sansation_Regular.eot?") format("eot"), url("/Fonts/Sansation_Regular.woff") format("woff"),

我使用Sansation作为自定义字体,当我上传我的站点时,它显示良好,但当我在本地调试时,它不会显示:

Default.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

如何让字体也在本地显示?

如果您在,例如
http://foo.com/bar/hello.html
,您会遇到一个URI,其形式为
/Fonts/world.ttf
,它指的是URL
http://foo.com/Fonts/world.ttf

从您的数据结构来看,指向您的字体的URI的格式应该是
/Shared/Assets/Fonts/world.ttf
,以生成类似
http://foo.com/Shared/Assets/Fonts/world.ttf


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

这是我最初的想法,但仍然不起作用(
/Shared/Assets/font/world.ttf
)。我刚试过:
。/Fonts/Sansation\u Regular.ttf
,效果不错。但是谢谢。