ウイング スタイルのフォントを Web サーバーで動作させようとしていますが、常に間違った場所でファイルを探しています。
私のファイルシステムは次のようになります。
/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/phiv_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 ファイルを使用してローカル ファイルをリダイレクトしようとしています。