これは私にとって新しいことです。reset.css を使用した後でも、html フォントのレンダリングが chrome と Firefox で異なります。これは私のURLです
http://spheretekk.com/form1/fct14-grpap-marseille-Paris.html
Firefox でタイトルが右側の吹き出しで重なっている場合
これは私にとって新しいことです。reset.css を使用した後でも、html フォントのレンダリングが chrome と Firefox で異なります。これは私のURLです
http://spheretekk.com/form1/fct14-grpap-marseille-Paris.html
Firefox でタイトルが右側の吹き出しで重なっている場合
カーニングではなく、 の実装が異なりますfont-variant: small-caps
。
ブラウザーで使用される一般的なデフォルト フォント (または、Noto Serif フォント) には、本物のスモール キャップ、つまりタイポグラファーによってデザインされたスモール キャップ グリフが含まれていません。たとえそうしたとしても、現在のブラウザーはそれらを使用して CSS 設定を実装することはできません。代わりに、小文字を縮小サイズの対応する大文字に置き換えることで、偽の小さな大文字を生成します。これはタイポグラフィ的にすべて間違っています。ストロークの幅が狭すぎるため、大文字は偽のスモール キャップとはスタイルが異なります (太字に見えます)。
どうやら、ブラウザーはサイズの縮小をわずかに異なる方法で行うようです。
small-caps
フォントの縮小を自分で削除して実行することで、これを回避できます。
C<small>ULINARY</small> F<small>RENCH</small> W<small>ATERWAYS</small>
と設定例
small { font-size: 70% }
CSSで(パーセンテージを好みに合わせて調整します)。それでもタイポグラフィ的にひどいものですが、ダウンロード可能なフォントとして Noto Serif を使用するか、Times New Roman のような広く利用可能なフォントをテキストの前または代わりに配置する限り、少なくともブラウザ間で可能な限り似ていますserif
。リスト。
ブラウザによって、フォント サイズの解釈が異なる傾向があります。個人的には、本文のフォント サイズを 62.4% に設定する傾向があります。これにより、ems を使用して個々の要素のフォント サイズを設定できます (たとえば、1.4em = 14px、1.8em = 18px など)。あなた。
とはいえ、違いは本当にわずかです...面倒なことをするだけの価値はありますか?? 人生にはもっと重要なことがあります:)