よくある質問

FAQ

バリューライセンスでIE９のみWebフォントが表示されません。

フォントの表示について
メディアタイプの指定にて"all"以外を記述していませんか？
※以上に該当しない場合、あるいは不明な点がございましたら、コチラよりお問い合わせ下さい。
メディアタイプの指定にて"all"以外の"screen" や"print"を記述した場合、IE9でWebフォントが表示されません。
【解説】
例：
<link media="screen " type="text/css" rel="stylesheet" href="css/fontplus.css">
<link media="screen, print" type="text/css" rel="stylesheet" href="css/fontplus.css">
 
以上のようにメディアタイプに"all"以外の指定がある際は、サブセット化すると@font-face を@mediaのネスト(入れ子構造)となるように設定しており、その状態の場合、IE9ではWebフォントが表示されません。
引き続き、改善策を検討し、サービス向上に努めてまいりますので、何卒ご理解いただけますようお願い申し上げます。
 
【回避策】
以下3種類ございますので、いずれかをお選びください。
 
1．htmlでメディアタイプを指定をしない。
例：<link type="text/css" rel="stylesheet" href="css/fontplus.css">
 
2．htmlでメディアタイプを“all”にする。
例：<link media="all" type="text/css" rel="stylesheet" href="css/fontplus.css">
 
3．すでにサブセット化済みの場合。cssのmedia指定を外すことでも解消します。
SubFontCSS.css、SubFontCSS_h.cssを直接書き換えてください。
例：
(IE9で表示しない状態)
---------------------------------------------------------------------------------
@charset UTF-8;
@media screen {
@font-face {
    font-family: 'FOT-筑紫ゴシック Std M';
    src: url('./e3dfefab8bf014d0c805xxxxxxxx') format('woff'),
         url('./fdc443f8ccdea60d95f1xxxxxxxx') format('opentype'),
         url('./bfc4d14d92474a1bced1xxxxxxxx') format('truetype'),
         url('./2b79311d6e18ed93c78cxxxxxxxx') format('svg');
    src: url('./8db73b7523fec26e48a4xxxxxxxx');
}
}
 
@media print {
@font-face {
    font-family: 'FOT-筑紫ゴシック Std M';
    src: url('./e3dfefab8bf014d0c805xxxxxxxx') format('woff'),
         url('./fdc443f8ccdea60d95f1xxxxxxxx') format('opentype'),
         url('./bfc4d14d92474a1bced1xxxxxxxx') format('truetype'),
         url('./2b79311d6e18ed93c78cxxxxxxxx') format('svg');
    src: url('./8db73b7523fec26e48a4xxxxxxxx');
}
}
---------------------------------------------------------------------------------
↓
(回避策)
---------------------------------------------------------------------------------
@charset UTF-8;
@font-face {
    font-family: 'FOT-筑紫ゴシック Std M';
    src: url('./e3dfefab8bf014d0c805xxxxxxxx') format('woff'),
         url('./fdc443f8ccdea60d95f1xxxxxxxx') format('opentype'),
         url('./bfc4d14d92474a1bced1xxxxxxxx') format('truetype'),
         url('./2b79311d6e18ed93c78cxxxxxxxx') format('svg');
    src: url('./8db73b7523fec26e48a4xxxxxxxx');
}
---------------------------------------------------------------------------------
 
以上、
よろしくお願いいたします。