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

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Web

ブラウザをキーボードで操作するための拡張機能 Vimium

ブラウザをキーボードで操作するための拡張機能 Vimium について説明します。

Glitch

Glitch で PHP を使う方法

Glitch は正式にPHPをサポートしていませんが、ほんの少しの設定変更により、PHPが使えるようになります。

HTML

HTML におけるコメントの書き方

HTML におけるコメントの書き方について説明します。 目次1. コメントとは?2. HTML におけるコメントの記述テキストの制限3. 仕様書 1. コメントとは? まず、「コメント」というのは、「 …

Web Vitals

<script>タグのdefer/async属性について(その2:実例)

script タグの属性によって、JavaScript ファイルがどのように読み込まれるのか、3パターンを実際のWebページを使って比べます。

Web

Icons8 の Free Icons を使う手順

Icons8 の Free Icons Icons8 というサイトでは、いろいろな種類の無料素材が提供されています。 今回、そのうちの1つである「アイコン(Free Icons)」を使う手順についての …