Javascript 可以在服务器上查看自定义字体,但不能在本地查看
我使用Sansation作为自定义字体,当我上传我的站点时,它显示良好,但当我在本地调试时,它不会显示: Default.css: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"),
/* #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
,它指的是URLhttp://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
,效果不错。但是谢谢。