FC2からの引っ越しを考えてテストしている段階なのですが、はてなブログのデザインについての質問です。
テーマで使われているフォントを、ウェブフォントに変更しようと頑張っているのですが、反映されず困っています。
下記の記述をデザインCSS部分に追加しています。
@font-face {
font-family: "myFont";
src: url("FC2のアドレス.eot?") format('eot'),
url("FC2のアドレス.woff") format('woff');
}
p {
font-family: 'myFont', sans-serif;
}
FC2で使っている(FC2にアップロードしている)ファイルを流用しているのがマズいのでしょうか、外部スクリプトも読み込んでくれません。
スクリプト自体は記事に埋め込む形にすれば反映されたのですが…
先輩方、ご教授下さい。
FC2で使っている(FC2にアップロードしている)ファイルを流用しているのがマズいのでしょうか、外部スクリプトも読み込んでくれません。
そうです。
FC2 でアップロードしたファイルは、他のサイトから使われるとエラーになります。
Web のリクエストは、「リファラー」といって、どのページから読みに来たか、というのが送られるんですが、FC2 のサイトでは、それをチェックしてるみたいです。
Webフォントや、スクリプトだけじゃなく、画像もそう。
って、書こうと思ったら、自分とこの(↓)は表示される。
あれっ?
適当に探してきた誰かのブログの(↓)だと、やっぱり表示されない...
画像の URL をよく見てみると...
表示される http://blog-imgs-44.fc2.com/...
表示されない http://blog-imgs-60-origin.fc2.com/...
試しに、誰かさんのやつの -origin を削ってみると...
# http://blog-imgs-60.fc2.com/m/e/r/meruloco/013_201310252306376de.jpg で表示してます
おおっ
もし、流用しようとしている Webフォントの URL に -origin が入ってたら、試しに削ってみてください。
もしかしたら、上手くいくかも。
でも、保証されている方法じゃないと思うので、外部からきちんとアクセスできるところに置いておくのが一番だとは思います。
それが公式に許された形で行われたものかどうかは不明なので、お問い合わせしてみます。
(記事内容的に青少年の閲覧にふさわしいとは思えない部分があるのでリンクはいたしません。)
余談
外部参照できるかどうかも訊いてみます。
それ以前に…、FC2の何契約か知りませんが、
FC2はeotやwoffファイルは対象外だったと思うので確認しておいてください。