CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
583(5): [age] 2018/12/30(日)10:46 ID:??? AAS
久し振りにHTML・CSSをいぢってるんだが、いまだIE11がバグで足引っ張るんだなあ。
フォント指定でヒラギノや游明朝・ゴシックや小塚明朝・ゴシックにするだけで文字の位置が上にズレ。
h1 {font-family: KozMinPr6N-Regular, '小塚明朝 Pr6N R', serif;}
下に続く要素との間にヘンな余白が空く。
ＩＥ11は先日マイナー・バージョンアップしたけど直ってない。
何なのこれ。
先頭に欧文フォント指定すればバグ回避できるけど、半角英数字は当然欧文フォントで表示され不統一に。
h1 {font-family: "Times New Roman", KozMinPr6N-Regular, '小塚明朝 Pr6N R', serif;}
しかも、三点リーダー「…」なんかは欧文式にベースライン表示の「...」になる罠。
CSSでfont-familyに小塚ゴシックを使うときに注意すること
省9
584(1): 2019/01/08(火)21:21 ID:??? AAS
>>583
源ノ明朝・源ノ角ゴシックを指定したら、逆に下に寄った。
h1 {font-family: 'Noto Serif CJK JP';}
総じて、IEはオープンタイプ・フォント（.otf）への対応が変なのでは。
ディセンダー（ベースラインより下に出た部分）を設定するディセント値WinDescenderの問題かも。
585(2): [age] 2019/01/09(水)01:39 ID:??? AAS
>>583
>h1 {font-family: KozMinPr6N-Regular, '小塚明朝 Pr6N R', serif;}
正しくは、
h1 {font-family: 'Kozuka Mincho Pr6N','小塚明朝 Pr6N', serif;}
参考：外部ﾘﾝｸ[html]:taken.jp
でないと、IE以外のFirefoxなんかにはフォント指定が反映しない。
しかしこれがヒラギノだと、
font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6";
みたいに、ウェイトまでfont-family指定に入れられるんだけど。
592: 2019/01/16(水)03:27 ID:??? AAS
>>583
IE11のバグまとめ
特定のフォントでテキストの下に隙間が空く。
外部ﾘﾝｸ:qiita.com
「バグの現象としては、行間が膨れ上がった上にテキストの下に隙間ができるため、font-sizeが大きいほど顕著にズレが生じる。」
>>584
「Noto Sansを利用する場合はCJK jpをダウンロードして利用せずに、Noto Sans jp, Noto Sans JapaneseなどGoogle fonts経由で利用する場合は問題ないみたいです。」
595: 2019/01/22(火)02:38 ID:??? AAS
>>583
>しかも、三点リーダー「…」なんかは欧文式にベースライン表示の「...」になる罠。
「三点リーダが真ん中に表示されない理由」
外部ﾘﾝｸ[php]:www.koikikukan.com
「三点リーダ問題、webfontでついに解決！……か？」
外部ﾘﾝｸ:orangeprose.ｂloｇ.fc2.ｃoｍ/ｂlog-entry-320.html
「三点リーダー(…)を真ん中に表示する方法」
外部ﾘﾝｸ[html]:blog.sixapart.jp
「「三点リーダの表示位置」問題を完全かつ最終的に解決する」
外部ﾘﾝｸ:d.nekoruri.jp
省1
614(1): 2019/06/10(月)21:00 ID:??? AAS
>>583
>フォント指定でヒラギノや游明朝・ゴシックや小塚明朝・ゴシックにするだけで文字の位置が上にズレ
>先頭に欧文フォント指定すればバグ回避できるけど、半角英数字は当然欧文フォントで表示され不統一に。
このＩＥバグは、ただ先頭に欧文フォントを指定しても、不具合は解消しない。同時に子要素の行間を小さく指定しないと。
下記ソースで確認。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>OpenTypeフォントのIE表示</title>
省18
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.262s*