Inline

Extract and analyze fonts from any webpage, and copy the SVG, CSS or HTML code to use in your own projects.

What is Inline?

Inline is a Chrome extension developed by Anis Arab, and its main feature is "Extract and analyze fonts from any webpage, and copy the SVG, CSS or HTML code to use in your own projects.".

Extension Screenshots

screenshot

Download Inline Extension CRX File

Download Inline extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        With Inline, you can easily figure out which fonts are used in any website and use them in your own projects.

You can copy the font and its styling as an SVG file, allowing you to integrate it into your own design projects. You can also copy the whole CSS code of the font, or copy the font and its styling as an HTML code. And if you're only interested in a particular CSS property, you can copy that too.

(Please be sure to restart Chrome the first time you install Inline)

Extension Basic Information

Name Inline Inline
ID aifjpngbegpnahbmnajckckddcgfnodk
Official URL https://chromewebstore.google.com/detail/inline/aifjpngbegpnahbmnajckckddcgfnodk
Description Extract and analyze fonts from any webpage, and copy the SVG, CSS or HTML code to use in your own projects.
File Size 26.82 KB
Installation Count 91
Current Version 0.0.1
Last Updated 2023-03-12
Publish Date 2023-03-07
Rating 5.00/5 Total 1 Ratings
Developer Anis Arab
Email [email protected]
Payment Type free
Supported Languages en-US
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Inline",
    "description": "Extract and analyze fonts from any webpage, and copy the SVG, CSS or HTML code to use in your own projects.",
    "version": "0.0.1",
    "permissions": [
        "activeTab",
        "clipboardWrite"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ]
        }
    ],
    "icons": {
        "16": "icon_16.png",
        "32": "icon_32.png",
        "48": "icon_48.png",
        "128": "icon_128.png",
        "256": "icon_256.png"
    },
    "action": {
        "default_title": "Generate Your Text",
        "default_icon": "icon_256.png",
        "default_popup": "popup.html"
    }
}

Related Extensions

Kopier
Kopier
DOM Outliner
DOM Outliner
Quick History
Quick History
designr
designr
BeanShot
BeanShot
css scanner
css scanner
Code Grabber
Code Grabber
Design Sidekick
Design Sidekick
Snip
Snip
YouTab
YouTab
Easy web scraper by Databar
Easy web scraper by Databar
Captr
Captr