Web

Chrome 96 で絵文字を太字にすると色がなくなる問題

投稿日:

Chrome バージョン 96 に更新すると、「font-weight: bold(数値だと600以上?)」があてられていた絵文字は、無色になってしまいます。

例えば、以下の絵文字が

font-weight:normal;

こうなります。

font-weight:bold;

この問題はすでに 報告されています。(1266022 – Emoji rendering lost color in Chrome 96 – chromium

その報告ページのコメントにもありますが、とりあえずの回避策としては、絵文字の要素に「font-weight:normal !important」というスタイルをあてておく方法があります。

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

ウェブブラウザのリロード処理

目次1. ウェブブラウザの「リロード」は普通のアクセスとは違う!2. もう一つのリロード3. 表にまとめてみました4. おまけ5. おまけ2: Chrome でのリロード操作6. 参考 1. ウェブブ …

Web

WordPress: ブラウザ別処理とキャッシュの注意点

主にWordPressに関する、ブラウザ別処理とキャッシュの注意点です。

HTTPレスポンスヘッダとブラウザキャッシュの関係を調査

目次1. はじめに2. 使用したツールWebサーバー側クライアント側3. 使用する HTML (PHP) ファイル4. 実験パターン1HTML (PHP)のヘッダ出力部分1回目のアクセス2回目のアクセ …

CSS

CSS の基礎

目次1. CSS とは?2. CSS のバージョン(分類)Cascading Style Sheets, level 1Cascading Style Sheets, level 2 (CSS2)Ca …

PWA

Webブラウザと PWA は切り離して欲しい

マイクロソフトはWeb技術を用いてネイティブアプリケーションのように動作するProgressive Web Apps(PWA)を、WebブラウザのEdgeにとどまらず、Windows10のデスクトップ …