日本語webフォントがchromeだけ表示されない

カラーミーショップで日本語webフォントを利用したく、試行錯誤しております。
が、chromeだけ表示されません。（safari、firefoxはOK）
どなたか解決策をご存知でしたら、ご教示頂けるでしょうか。

・クロスドメイン対策で.htaccessを置いてます。
・フォントファイルを設置するサーバーですが、
chromeだけが、以下［サーバーA］のパスだとNG、［サーバーB］だと反映される状態です。（woffでテストしてます。）
safari、firefoxはどちらのサーバーでもOKです。

◎サーバーA：カラーミーのFTPオプションという独自のサーバ（別ドメイン）
◎サーバーB：テスト環境用さくらのサーバー（別ドメイン）

（下記を参考にしました。）
https://discussion.shop-pro.jp/hc/communities/public/questions/201705730-Web%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AE%E4%BD%BF%E7%94%A8%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6

＊ちなみに、カラーミーのサポートには相談済みで、
フォントファイルは置ける。.htaccessは置けない。（超意訳）とのことでしたが
safari、firefoxはOKなのでなにか解決策は無いか、また改善しなくともなぜなのか知りたく
ご相談しております。

長文恐れ入りますが、よろしくお願い致します。

行動規範の内容に同意します

回答2件

先ほどのコメントに追加です。

CSS
1@font-face { 
2    font-family: 'フォント名'; 
3    src:  local('フォント名'),  
4    url(data:application/x-font-woff;charset=utf-8;base64,ここにテキストデータ) format('woff'), 
5    url(data:application/x-font-ttf;charset=utf-8;base64,ここにテキストデータ) format('truetype'), 
6    url(data:application/x-font-otf;charset=utf-8;base64,ここにテキストデータ) format('opentype'); 
7} 
8body{
9font-family: 'フォント名';
10}

フォントファイルをテキストデータに変換する方法にはフリーソフトを使用するなどがあります。

投稿2015/11/28 13:46

waritocomatta

総合スコア67

css
1@font-face { 
2    font-family: 'フォント名'; 
3    src:  local('フォント名'),  
4    url('FONT.woff') format('woff'), 
5    url('FONT.ttf') format('truetype'), 
6    url('FONT.otf') format('opentype'); 
7} 
8body{
9font-family: 'フォント名';
10}

そもそもここまで書きましたか？(゜_゜)ｳｰﾝ

投稿2015/11/28 00:25

waritocomatta

総合スコア67

rurikabuto

2015/11/28 09:56

コメントありがとうございます。 cssを適用させているかということであれば、はい。所定の要素に適用させてます。繰り返しになってしまいますが、 chrome以外では正常に表示されており、フォントファイルを置くサーバーのパスを変更すればchromeでも表示されるので css 記述に間違いは無いハズ、、です。

waritocomatta

2015/11/28 10:35

http://waricoma.hp2.jp/d/p/ このサイトはChromeで独自のWebフォントが使用できました。貴方の環境でこれを見てみて、ダメなら環境のほうに問題があると思います... -更新情報を確認してくみてください -Chromeはブラウザーソフトの中でも格別フラッシュメモリの消費が激しいので、フォントファイルの適用がされなくなる(メモリオーバーで)ことが多いと思われます。 -PC、スマホなどの他の端末でも確認してみてください m(_ _)m

waritocomatta

2015/11/28 10:36

アクセスされた環境でサイトの種類を切り替えるmetaタグが昔から使われていたと思うので、それを利用してフォントを使用するしないをしてみてもいいかもしれませんね。

rurikabuto

2015/11/28 15:11 編集

コメントありがとうございます！ご提示頂いたサイトのwebフォントは見れました。（すごいですね！筆文字！？）ちなみになんですが、・ios（chrome、safari）→OK ・他のpc環境（mac）→同症状／改善なし（winは未確認） ----------------------------------------------------------- ▲上記ですが訂正します。尚、上記は質問の発端であった所の動作検証です。 chromeでフォントが適用されないだけで、□になって化けてたり、とかでは無いのですが。。ありがとうございました。

waritocomatta

2015/11/28 12:58

私の確認では、 Android4.3、Chrome、Safariにて確認 Windows7のChromeでも確認 IE9前後あたりでは動作せず... あっ、都合よくあれを思い出しました。 Base64でフォントファイルをテキストデータ化して、読み込まれる、アクセスされるサイトに直接内蔵します。 http://sosweetcreative.com/2613/font-face-and-base64-data-uri このサイトを参考にしてみてください...

rurikabuto

2015/11/28 15:14

改めてのコメントありがとうございます。なるほどーbase64に変換して埋め込むのですね。取り急ぎのお礼までですが恐縮です。試してみます！

行動規範の内容に同意します

あなたの回答