fonts infos

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

fonts infosとは何ですか?

fonts infosはp.によって開発されたChromeの拡張機能で、その主な機能は「An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

fonts infos拡張機能のCRXファイルをダウンロード

fonts infos拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        An extension to show/inspect text fonts in webpages.

NOTE: On first installation, reload the already opened tabs if it's not working.
            On chrome web store pages it's not working or is blocked by them.

Show in page the following informations:
* font size;
* font weight;
* font main family;
* font style;
* font color;
* line height;
* font decoration;
* font transformation;
* letter spacing;

Switch between hex and rgb colors from the dedicated option page or the popup!
Right-click contextual menu!
An option to hide contextual menu!
An option to show on mouse-over all the infos on the font or single info.


For any problem or bug open a ticket on the support tab, i will answer as soon as possible.


====Possible problem====
On first installation, RELOAD the already opened tabs if it's not working.
On chrome web store pages it's not working or is blocked for some reason.

Case not on hover:
 * If text is inside nested overflow:hidden element the popup will be hidden
 * If your element have some overflow this pugin will override them with overflow:visible than it will revert them when turn off.
 * If there are async element you should re-launch.


====Change Log====
 * 5.0.0 : move to manifesto v.3 and code related to v.3, add switch between rgb and hex colors
 * 4.0.0 : review graphics, removed contextual menu "showAlways", now on click the popup will appear, and add option page to toggle contextual
 * 3.0.0 : Restyle and code refactoring, add some other option and right-click menu single info
 * 2.0.0 : Add right-click contextual menu that will show all fonts info on mouse hover, add option to prevent click to the left-click, clicking a text save the info on a right panel if "select on click" is enabled, add letter spacing to the list                    

拡張機能の基本情報

名前 fonts infos fonts infos
ID dcmemojljgjdnjfckdmffgkcnooejahg
公式URL https://chromewebstore.google.com/detail/fonts-infos/dcmemojljgjdnjfckdmffgkcnooejahg
説明 An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.
ファイルサイズ 103 KB
インストール数 14,636
現在のバージョン 5.0.1
最終更新日 2024-01-30
公開日 2018-01-26
評価 4.43/5 合計 23 レビュー
開発者 p.
Eメール [email protected]
支払い方法 free
対応言語 en,it
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "author": "Paris",
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": "images\/icon.png",
        "default_popup": "popup\/popup.html",
        "default_title": "Show this page's fonts infos."
    },
    "content_scripts": [
        {
            "js": [
                "jquery-3.6.3.min.js",
                "font.js",
                "fontAll.js",
                "removeFont.js",
                "foreground.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ],
    "default_locale": "en",
    "description": "__MSG_appDesc__",
    "icons": {
        "16": "images\/icon.png",
        "32": "images\/icon32.png",
        "48": "images\/icon48.png",
        "128": "images\/icon128.png"
    },
    "manifest_version": 3,
    "name": "__MSG_appName__",
    "offline_enabled": true,
    "options_page": "options\/options.html",
    "permissions": [
        "storage",
        "contextMenus"
    ],
    "short_name": "font-inspector",
    "version": "5.0.1"
}