Item logo image for 文字サイズオーバーレイ

文字サイズオーバーレイ

Item media 1 (screenshot) for 文字サイズオーバーレイ

Overview

ページ上のテキスト付近に、CSSで指定されたfont-sizeの文字列を表示します

【この拡張機能でできること】 Webページ上で、テキスト付近に「CSSで指定されている font-size の文字列」をオーバーレイ表示します。デザインや実装の確認、他サイトのタイポグラフィ調査などに使えます。 【主な機能】 ・ページ内のテキスト要素の近くに、font-size の指定値を表示 ・マウスオーバーでも表示できるモード ・CSS変数(例: font-size: var(--token))の場合、可能な範囲で変数を解決し、実際に効いている値(例: 2rem)を表示 ・スタイルシートから特定できない場合は、ブラウザが計算したサイズを px で表示し「(算出)」と分かるように表示 【使い方】 1. ツールバーの拡張機能アイコンをクリック 2. 対象サイトで表示をオンにする(サイトごとに記憶されます) 3. 表示モード(全表示+マウス/マウスのみ)を必要に応じて切り替え 【権限について】 ・activeTab: 現在表示中のタブのページにオーバーレイを重ねるために使用します ・storage: サイトごとのオン/オフや表示モードの設定を端末内に保存するために使用します 【注意】 ・ページによっては、意図しない要素にもラベルが付く場合があります ・表示はあくまで確認用の補助であり、ブラウザやサイトの挙動を保証するものではありません

Details

  • Version
    1.0.2
  • Updated
    April 29, 2026
  • Offered by
    yamaguchi shohei
  • Size
    13.76KiB
  • Languages
    日本語
  • Developer
    Email
    yamaguchishohei93@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Font Size Panel

4.3

A small panel to increase or decrease font size on any website.

Font Size Decrease for Google Chrome

3.1

Decrease font size on any web page with one click.

CSS Inject

0.0

Inject custom CSS into any website

Detect Font

1.0

Detect fonts used in web pages

HTML CSS Viewer

0.0

View HTML and CSS of a web page

Font Size Increase for Google Chrome

2.9

Increase font size on any web page with one click.

Custom Style Script

4.2

Add Custom JavaScript (JS) Code or Styles (CSS) to any page.

CSS Viewer

5.0

Instant CSS Viewer: hover any element to view its full css — fonts, colors, spacing — a fast css inspector right in your browser.

Text Size Enhancer

0.0

Select text on any webpage and dynamically adjust its font size with a floating toolbar

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

FontScout

5.0

Identify fonts on any web page with a single click

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Font Size Panel

4.3

A small panel to increase or decrease font size on any website.

Font Size Decrease for Google Chrome

3.1

Decrease font size on any web page with one click.

CSS Inject

0.0

Inject custom CSS into any website

Detect Font

1.0

Detect fonts used in web pages

HTML CSS Viewer

0.0

View HTML and CSS of a web page

Font Size Increase for Google Chrome

2.9

Increase font size on any web page with one click.

Custom Style Script

4.2

Add Custom JavaScript (JS) Code or Styles (CSS) to any page.

CSS Viewer

5.0

Instant CSS Viewer: hover any element to view its full css — fonts, colors, spacing — a fast css inspector right in your browser.

Google apps