网站在错误的地方寻找字体文件

时间:2012-11-02 15:10:08

标签: css fonts webserver font-face

我正试图在网络服务器上使用一种强大的字体样式,但它总是在错误的地方寻找文件。

我的文件系统如下所示:

/phhiv_asia_workshop_2012
|
|--index.html
|--/css
    |--global.css
    |--/fonts
       |--font.woff

我有@ font-face声明:

@font-face {
font-family: 'Pictos';
src: url("/fonts/font-web.eot");
src:local('☺'), url("/fonts/font-web.woff") format("woff"), url("/fonts/font-web.ttf") format("truetype"), url("/fonts/font-web.svg#webfontIyfZbseF") format("svg");
font-weight: normal;
font-style: normal;
}

它在本地工作正常,但当我在服务器上检查它时,它正在寻找字体文件:

example.com/fonts/pictos.woff example.com/fonts/pictos.woff

当网站位于:

http://his.unhcr.org/phhiv_asia_workshop_2012/http://twine.unhcr.org/phhiv_asia_workshop_2012/

如果我将网址更改为(“fonts / font-web.eot”),它在本地工作正常,但在服务器上它开始在以下位置查找文件:

example.com/phhiv_asia_workshop_2012/css/global.css/fonts/pictos-web.woff /

为什么它会从查看根目录变为尝试在css / global.css / fonts / pictos-web.woff中找到它?

(我必须使用example.com,因为我的声誉很低,但你补充了twine.unhcr.org或his.unhcr.org)

其他一些事实:twine.unhcr.org/phhiv_asia_workshop_2012/重定向自his.unhcr.org/phhiv_asia_workshop_2012 /

我无法访问服务器,因此我尝试在xampp中使用htaccess文件来重定向我的本地文件。

2 个答案:

答案 0 :(得分:1)

尝试使用字体文件的绝对路径,即。 http://www.mydomain.com/css/fonts/font-web.woff

答案 1 :(得分:0)

尝试使用此./fonts/font-web.woff