CSS/DHTMLバグ辞典スレッド【第５版】

CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次 1-新
通常表示 512ﾊﾞｲﾄ分割ﾚｽ栞

596: Name_Not_Found [sage] 2019/01/22(火) 19:34:51.02 ID:???

【IE・Firefoxバグ】InternetExplorer11、Firefox64、GoogleChrome71、をWindows8.1で確認。
　font-familyプロパティが、@font-face内だと通常と違って和文フォントを英字名しか読み込まず日本語名を受けつけなくなる。
　また特にFirefoxではファミリー名にウェイトを附けると認識しないことがある（>>585の逆）。フォント・ファイル名なら末尾に‘-weight名’が入っても可みたいだけど、それではChromeで反映しなくなる。
　バグではなく仕様にしても、ブラウザ間の不一致がひどすぎて、使用するのに困惑する。
　OS標準インストールの和文フォント名一覧とも微妙に齟齬する。
　https://w3g.jp/sample/css/font-family#japanese
　Webフォントでなくローカル・フォントに對して@font-face内font-familyでフォント・ファミリー名を上書きして複数まとめたりする手法（下記等）が、無為になる。
　https://text.baldanders.info/remark/2018/05/using-local-fonts-in-web-pages/
　https://qiita.com/RinoTsuka/items/1e7b3ca1325e704bbc41
　https://qiita.com/ln-north/items/21bff624c5d0f8e40fe9
テストしたソースは以下。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
div {font-family: Tahoma, sans-serif; font-size:1.5rem;/*視認しやすくするため*/}
@font-face {font-family: "f01"; src: local("ＭＳ 明朝");}
.f01 {font-family:"f01";}
</style>
</head>
<body>
<div class="f01">永なふをQ9g桜咲く</div>
</body>
</html
上記"ＭＳ 明朝"の箇所に明朝体の日本語フォントを日本語名／英語名で代入して、日本語の表示がsans-serif（ゴシック体）でなくなるかを確かめた。
結果一覧は>>597

http://mevius.5ch.net/test/read.cgi/hp/1144494359/596

597: Name_Not_Found [sage] 2019/01/22(火) 19:35:40.93 ID:???

>>596のテスト結果
"ＭＳ 明朝"　IE×　FF×　GC○
"MS Mincho"　IE○　FF○　GC○
"游明朝"　IE×　FF×　GC○　
"Yu Mincho Regular"　IE×　FF○　GC×
"YuMincho-Regular"　IE○　FF○　GC×
"Yu Mincho"　IE○　FF×　GC○
"YuMincho"　IE×　FF×　GC×
"ヒラギノ明朝 ProN"　IE×　FF×　GC○
"ヒラギノ明朝 ProN W3"　IE×　FF×　GC×
"Hiragino Mincho ProN"　IE×　FF×　GC○
"Hiragino Mincho ProN W3"　IE○　FF×　GC×
"HiraMinProN"　IE×　FF×　GC×
"HiraMinProN-W3"　IE○　FF○　GC×
"小塚明朝 Pr6N R"　IE×　FF×　GC×
"小塚明朝 Pr6N"　IE×　FF×　GC○
"Kozuka Mincho Pr6N"　IE×　FF×　GC○
"Kozuka Mincho Pr6N R"　IE○　FF×　GC×
"KozMinPr6N-Regular"　IE○　FF○　GC×
"KozMinPr6N"　IEC×　FFC×　GC×
"Noto Serif CJK JP"　IE○　FF○　GC○
"NotoSerifCJKjp-Regular"　IE○　FF○　GC×
"NotoSerifCJKjp Regular"　IE×　FF×　GC×
"Noto SerifCJK jp Regular"　IE×　FF×　GC×
"源ノ明朝"　IE×　FF×　GC○
"Source Han Serif"　IE○　FF○　GC○
"SourceHanSerif-Regular"　IE○　FF○　GC×
"IPAmj明朝"　IE×　FF×　GC○
"IPAmjMincho"　IE○　FF○　GC○
"IPAex明朝"　IE×　FF×　GC○
"IPAexMincho"　IE○　FF○　GC○
×印はフォント指定が表示に反映されなかったが、にも拘らず妙なことに、半角英数字の文字列だけはIEもFirefoxもTahomaでない別のフォントになった。しかもなぜかIEは総称フォントsans-serif指定を無視してserifの英数字になる。

http://mevius.5ch.net/test/read.cgi/hp/1144494359/597

上下前次 1-新書関写板覧索設栞歴

あと 14 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.008s