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

时间:2013-08-21 16:05:25

标签: 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"), 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

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

1 个答案:

答案 0 :(得分:1)

如果你在,例如http://foo.com/bar/hello.html,您遇到格式为/Fonts/world.ttf URI ,它指的是网址 http://foo.com/Fonts/world.ttf

从您的数据结构中,指向您的字体的 URI 应该具有/Shared/Assets/Fonts/world.ttf形式,以生成 URL ,如{{1 }}

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