エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
text-decoration の見た目が Figma と ブラウザでなんだか違う問題まとめ | deep-space.blue
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
text-decoration の見た目が Figma と ブラウザでなんだか違う問題まとめ | deep-space.blue
この記事は 2025年2月現在、下記の条件で確認した内容です。 ブラウザ Safari 18.3(macOS Sonoma) Chr... この記事は 2025年2月現在、下記の条件で確認した内容です。 ブラウザ Safari 18.3(macOS Sonoma) Chrome 133(Windows 10) Firefox 135(Windows 10) フォント Noto Sans JP デモ 各ブラウザとFigmaとで共通して言えること 各ブラウザでのレンダリングと、Figma上とでは、text-decorationの見た目がなんだか少し違います。 ※Figma上での設定は、ThicknessもOffsetもAutoになっているものとします。 線の表示の詳細はFigmaと各ブラウザとでほとんど一致しない(とくにwavyが顕著) ブラウザごとに線の太さや位置が違う ブラウザごとにwavyのときの波の振幅(間隔)が違う ブラウザだとデフォルトで Skip ink している(文字が重なるところは線が消えるようになっている) 文