我正在尝试让一种风格的字体在网络服务器上工作,但它总是在错误的位置寻找文件。
我的文件系统如下所示:
/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/
如果我将 url 更改为 ("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 文件来重定向我的本地文件。