Identify font and copy its CSS style with one click.

Latest Version

Version
0.0.8
Update
March 18, 2024
Size
185KiB
Developer
Category
Users
125
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
Bahasa Indonesia
Bahasa Melayu
Deutsch
English
Filipino
Français
Kiswahili
Nederlands
Norsk
Tiếng Việt
Türkçe
Català
Dansk
Eesti
Español
Español (Latinoamérica)
Hrvatski
Italiano
Latviešu
Lietuvių
Magyar
Polski
Português (Brasil)
Português (Portugal)
Română
Slovenský
Slovenščina
Suomi
Svenska
čeština
Ελληνικά
Српски
български
русский
українська
עברית
فارسی‎
मराठी
हिन्दी
বাংলা
ગુજરાતી
தமிழ்
తెలుగు
ಕನ್ನಡ
മലയാളം
ไทย
አማርኛ
‫العربية
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
ActiveTab
Scripting
See more

This font Extension

🚀 Browser extension to instantly find what font is used with one click. Simplify and improve the font identification process.

🛠 Key features:
1. Precise identification: recognize a used font and its style for any element on the screen.
2. Ease of operation: type style is determined by clicking and stored in a pop-up window.
3. Convert the resulting text properties to editable CSS code and copy it with a single click. Style is copied to the clipboard. Then, you are ready to use it wherever you want, whether you develop a website, work on a design layout, or configure text display via code.
4. Ease of use. You work with it in your favorite browser with convenient settings, and there is no need to rebuild your usual workflows. The tool is always at hand.
5. The solution is lightweight.
6. Easy to use for both professionals and beginners.

🖥 Intuitive user interface:
1. \"This Font\" has an intuitive user interface that seamlessly integrates with your browser. The discreet design ensures that it won't clutter your screen, allowing you to focus on what matters – finding information quickly and efficiently and concentrating on your creative projects without distractions.
2. The extension is equally convenient for light and dark browser themes. Information is well-read in all modes.
3. The tool has one pop-up window, and related elements do not expand on the screen even after several search attempts. The pop-up window takes up minimal space to keep you focused.
4. Hidden by a click.

🔍 Precision Search:
1. Say goodbye to endless searching in different developer tools and manual typeface identification. Don’t go through code to find the most necessary properties you seek. Our tool will find exactly the properties you need for your current work. \"This Font\" enables you to pinpoint what typography is on a webpage with precision.
2. You will get all the necessary fonts and text design data to help you convey a similar mood in your projects.

💪🏽 Who will benefit from our extension:
1. Developers: the tool will support you during your work on a great website and web application creation and boost your creative process.
2. Designers and UX designers: get inspired and quickly create awesome designs and well-thought-out user interfaces.
3. Content creators: you get a reliable assistant to help you choose the most suitable typeface for your polished and impressive texts that readers will appreciate.

🛡 Privacy First: rest easy knowing that \"This Font\" prioritizes your Privacy. The tool works locally, neither collecting nor analyzing user behavior nor sending additional requests to third-party resources. Your data is never stored or shared – we believe in putting you in control.

🧘🏾 Effortless Installation: Getting started with \"This Font\" is a breeze. You can add this lightweight extension to your browser with just a few clicks. No complex configurations or technical know-how is required – it's user-friendly and instantly accessible. Just do the following:
1. Click the “Install” button in the upper right corner of the application page.
2. Everything is ready to solve your tasks. Just click an icon!
* you can already use 100% of the extension's capabilities at this stage. Still, you can improve your experience even more: add an icon to the browser extension's quick access toolbar to use the tool instantly. Just click the \"Pin\" 📌 button in front of the icon in the “Extensions” pop-up window.

📖 How to use:
1. Push the extension icon button in your browser. A small pop-up window opens in the bottom right corner.
2. Click on the page element whose text you want to identify. All necessary data appears in the pop-up window.
3. Just click again somewhere to refresh the result in the pop-up.
4. Click the “Copy CSS” button if you want to get properties as formatted CSS code for further work, but this is on your wish. Just a convenient option for you👌
5. Click the extension icon button in the extensions toolbar or the red cross icon in the upper right pop-up corner to close the extension.

🖖 Enhance your productivity, save time, simplify, and make your work more efficient on the web! This simple yet powerful font finder application has been designed efficiently, offering a seamless way to find used fonts and related CSS on any webpage. The tool streamlines your workflows and becomes a worthy assistant for you. 🚀

📫 You are welcome to notify us if you find any bugs. We will be very grateful if you write us any ideas or suggestions for “This font” improvement. Please write us via email at [email protected] ❤️
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"__MSG_appName__",
"description":"__MSG_appDesc__",
"version":"0.0.8",
"author":"[email protected]",
"default_locale":"en",
"action":{"default_icon":{"16":"icons/icon-16.png",
"32":"icons/icon-32.png",
"48":"icons/icon-48.png",
"64":"icons/icon-64.png",
"128":"icons/icon-128.png"}},
"icons":{"16":"icons/icon-16.png",
"32":"icons/icon-32.png",
"48":"icons/icon-48.png",
"64":"icons/icon-64.png",
"128":"icons/icon-128.png"},
"background":{"service_worker":"scripts/background.js"},
"web_accessible_resources":[{"resources":["/icons/icon-32.png"],
"matches":[""]}],
"permissions":["activeTab",
"scripting"]}
Read more

Similar Extensions

icon

conversor de letras Extension · Social & Communication 125 0 ★ 121KiB

icon

AITable Url to Image Converter Extension · Productivity 125 1 ★ 786KiB

icon

Font identifier Extension · Productivity 125 24 ★ 225KiB

icon

Font Recognition Tool Extension · Productivity 125 12 ★ 226KiB

icon

Web Mask Extension · Developer Tools 125 1 ★ 48.97KiB

icon

GTM Preview Copy Tool Extension · Productivity 125 0 ★ 68.01KiB

icon

TypeScan What Font Finder Extension · Developer Tools 125 5 ★ 173KiB

icon

What the font Extension · Developer Tools 125 43 ★ 270KiB

icon

Codecode Review for GitLab Extension · Developer Tools 125 6 ★ 210KiB

icon

Aliexpress To Shopify Extension · Productivity 125 1 ★ 343KiB

icon

Adventure Games - Kido in Forest Extension · Fun 125 0 ★ 44.71KiB

icon

Seofy Extension · Developer Tools 125 1 ★ 122KiB

icon

AI Tool Explorer Extension · Productivity 125 0 ★ 99.82KiB

icon

Font Detector Extension · Developer Tools 125 1 ★ 9.9KiB

icon

Font Customizer Extension · Accessibility 125 0 ★ 122KiB

icon

Add All Fonts Extension · Developer Tools 125 0 ★ 12.4KiB

icon

Font Finder Extension · Developer Tools 125 9 ★ 207KiB

icon

Typeracer premium UI Extension · Accessibility 125 2 ★ 205KiB

icon

Visual Debug - feedback collection tool Extension · Developer Tools 125 7 ★ 6.42MiB

icon

Font Manager Extension · Accessibility 125 2 ★ 37.05KiB

icon

Excompt Extension · Developer Tools 125 4 ★ 895KiB

icon

Inspect Extension · Developer Tools 125 0 ★ 14.77KiB

icon

Website Links Checker Extension · Developer Tools 125 1 ★ 20.09KiB

icon

Text Blackness Extension · Accessibility 125 4 ★ 277KiB