「Google Chrome 127」安定版リリース、フォントごとに見た目の大きさが変わる問題に対応

2024年7月24日 11時5分

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン127がリリースされました。フォントごとの見た目の大きさを統一できる「font-size-adjust」がサポートされたほか、ピクチャーインピクチャー機能の強化やスクロールバーを標準でキーボードからフォーカス可能にする変更が行われています。

New in Chrome 127 | Blog | Chrome for Developers

https://developer.chrome.com/blog/new-in-chrome-127

New in Chrome 127: cross-document view transitions, CloseWatcher API re-enabled, and more - YouTube

◆CSSに「font-size-adjust」が追加される

ユーザーの環境によって利用できるフォントが違い、どのフォントで表示されるかが分からないのにフォント次第で見た目の文字の大きさが異なる問題はサイト製作者にとって悩みの種でした。例えば同じ「14px」というフォントサイズを指定していても、「Verdana」フォントは比較的大きく表示されるのに対し「Times」フォントは小さめに表示されてしまいます。

フォントによる見た目の大きさの違いを解消するため、「font-size-adjust」プロパティがCSSに追加されました。font-size-adjustを適切に設定する事で、フォントの見た目の大きさを統一することが可能です。

font-size-adjustについて、Firefoxは2008年から、Safariは2023年からサポートしているため、今回のChromeのアップデートによってベースラインとして利用可能になっています。

◆ピクチャーインピクチャー機能の強化

Clipboardアクセスを行うAPIなど、サイトが特定のAPIを使用するには「ユーザーがそのページを操作中、つまりアクティブな状態であること」が必要です。

これまで、ピクチャーインピクチャーの画面をユーザーが操作していても元のページとアクティブ判定が別となっているせいで、ピクチャーインピクチャー画面内のアクションを元のページで処理する際にユーザーがアクティブ状態であることを要求する機能が使用できない問題がありました。

Chrome 127以降はユーザーがピクチャーインピクチャーを操作すると元のページもアクティブ状態になり、幅広い処理を行えるようになりました。

◆スクロールバーをキーボードでフォーカス可能に

コンテナのオーバーフロー部分をスクロールできるようにしている場合、スクロールバーをキーボードでフォーカスできるようになりました。

これまでもスクロールバーに0以上のtabindexが明示的に指定されていた場合にはキーボードでのフォーカスが可能でしたが、Chrome 127以降はtabindexが設定されていなくともフォーカスが可能になったというわけです。

◆CSSのcontentに代替テキストを追加するための記述が登場

「content」の指定において、スラッシュを挟んでテキストを挿入することで代替テキストを記述することが可能になりました。