Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

Font

Microsoft Edge で WOFF 2.0 フォントがサポートされました

Build 14316 からサポートされ、Mobile でも使用できます。 参照元 https://blogs.windows.com/msedgedev/2016/05/03/woff2-fonts-in-microsoft-edge/ 通常のカスタムフォントよりファイルのサイズを小さくできるため、ページ読み込み速度の早くなることとに…

Microsoft Edge - ページ内で使われているフォント [ 修正 ]

Internet Explorer 11 と同じです。 以下、MS ゴシックと書いておりましたが、MS Pゴシックの誤りです。該当箇所を修正しました。 画像からわかるようにデフォルトの場合は MS P ゴシック + Times New Roman。CSS でセリフ体を設定した場合は MS 明朝。CSS …

Windows 10 の UI のフォントについて

以前、メイリオ UI と書いていましたが <a href="http://browser.hatenablog.com/entry/2015/04/23/182240" data-mce-href="http://browser.hatenablog.com/entry/2015/04/23/182240">Windows 10 Technical Preview for phones の Spartan で Meiryo UI フォントが使いたい - Browser</a>browser.hatenablog.com どうやら、Yu Gothic UI というものが使われているようです。 W…

Firefox の input タグ、メイリオでの不具合

現状の Firefox で表示フォントがメイリオかつ、ページの拡大率変更した時に起こる現象。CSS の input のプロパティ line-height。これが 100% になっていると、ページを拡大縮小した場合パーセンテージによっては g などの文字のベースラインより下が一部切…

Windows 10 Technical Preview for phones の Spartan で Meiryo UI フォントが使いたい

システムフォントが メイリオ UI になったので使えるかなと思ったけど、使えませんでした。 日本語を使う場合はアルファベットをサンセリフにしてくれないため、欧文フォント指定する必要があります。Yu Mincho も使えませんでした。 サンプル Font Test - M…

IE と Web Font と悲しいお話

Webkit 系, Firefox は普通に表示されますが IE の場合、書体のディセンダ(下の空き)が広く、アセンダ(上の空き)がめり込む場合があります。謎です。 IE できっちりレイアウトに使う場合は個別で対応しましょう。 サンプルファイルhttp://toshihirogoto.…

スポンサーリンク