Font Tester - Improve Your Typography

CSS Peeper

Inspect website styles in seconds. Supercharge your workflow, and save hours of work. CSS Peeper is the ultimate Chrome extension for designers and developers who want a seamless way to inspect and extract design properties from any website. Say goodbye to digging through complex code. CSS Peeper provides an intuitive, organized interface to access key design details. Professionals deserve tools that save time. Let CSS Peeper streamline your workflow and help you work smarter, not harder. Join 500,000+ professionals who are already making the most of their time. Supercharge your workflow with advanced design inspection features and save hours of work. No more digging in a code. 👉 Get CSS Peeper for Free! Install now and start inspecting websites in seconds. Visit https://csspeeper.com for more details. ✦ Inspect design properties effortlessly. Stop digging through the code. Save hours by quickly inspecting element properties with a simple point-and-click. ✦ Explore colors used on your favorite sites. Browse a variety of colors, find inspiration, and easily check contrast. Love a palette? Export it to your favorite design tool. ✦ Identify typography. Explore the typography across any site, uncover unique font pairings, and check the most relevant text properties. ✦ Explore assets. Browse and download all images, icons, and graphics used across a website. ✦ Instantly preview and copy the CSS of any element, turning great design into reusable code. ✦ Browse and explore the typography in use on any website. Preview the typography hierarchy to understand font choices, sizes, and styles, helping you design confidently and efficiently. ✦ Effortlessly identify typography instances and gain deeper insights into font style applications. Navigate to a dedicated screen to inspect each type of style with precision. ✦ Browse colors by semantic grouping including typography, background, border, and more. Identify colors in context to get more insights. ✦ Inspect individual color instances and explore their use cases, including value, category, class, and design token. ✦ Explore gradients color by color and preview every shade to recreate stunning visual effects with precision. ✦ Contrast scanner helps you stay aligned with the best accessibility practices. Instantly assess contrast issues, ensuring your websites are beautiful and accessible. ✦ Smart Inspector offers an advanced way to inspect design details at a glance. It provides deeper insights into design properties, including color contrast, shadows, and elevation effects. ✦ Switch to Sidebar Mode to gain full access to the website’s viewport. You can see the full list of available features at https://csspeeper.com/pricing By using the CSS Peeper extension, you agree to our Terms & Conditions (https://csspeeper.com/terms-and-conditions) and Privacy Policy (https://csspeeper.com/privacy-policy). CSS Peeper is proud to support Learn to Code, a nonprofit that supports our mission to help everyone become better coders. By using affiliate links, we invite you to help our mission when you are shopping at partner stores, at no cost to you. Support is always optional, and can be permanently disabled at any time.

Previewer for Google Fonts

Easily sample Google fonts on any web page. ▪ Filter by name, style, and weight. ▪ Apply different fonts to multiple CSS selectors. ▪ Add your favorite fonts to a list. Version 2.0 changes: ▪ Display a list of applied fonts & selectors for the current domain. ▪ Control the weight and style of applied fonts. ▪ Optionally keep fonts applied to specific domains. ▪ Quick links to the font page on Google Fonts. ▪ Cache and performance upgrades. ▪ General QoL improvements.

What Font - font finder

What font? Easy identify the font on a web page, html font size, color and font family. So many brilliant fonts are used at a numerous websites. What is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. It's an easiest way to find out which exactly font is on the page - use the extension What Font. Extension has simple and intuitive interface for the more pleasant experience. Font extension is multifunctional and reliable tool that’s so easy to use. You’ve got a task, and we’ve got the best tool - find font extension. Easily detect any html fonts on a web page from your favorite sites using the What font chrome extension. How to use WhatFont for Chrome : 1. Click on the “Add to chrome” button to install it 2. Tap on “What font” icon, this will enable the extension 3. Click the mouse pointer on any word for which you want to get font details 4. After clicking the word you will get all the font details 5. In order to exit What font you need to click the right top corner button "Exit ". What Font allows you to know the font name, its family, color, style, size, position. Such a great tool to create designed web pages fastly. Now you can simply identify a liked font and select exactly the same for your needs without a long search for a suitable one. This extension supports Google API as a font finder, so you will have info about all popular Google Fonts. WhatFont will be useful for web designers, marketers, and developers and is useful for quickly getting information about all the fonts on a web page. Web Developers: To create a beautiful website web developers need to use attractive fonts & this extension will surely help them to pick the right font details very quickly. Freelancers: Freelancers can use this extension if their client needs to have the same font style as their competitor’s website. Designers: It can make a huge difference if you choose the right font style for your website. Fonts can have a profound psychological impact on visitors and affect their ability to read your content. As simple as just hovering the cursor to any word you want to fully inspect web fonts. Take the info about font name and color, style and position and more. Make up on the web page easily with What Font for quick inspecting web fonts. We hope you find our Font Finder useful! We are waiting for your feedback and ratings! If you’re experiencing problems or app isn't working on, please contact us.

Meta Explorer - SEO Meta and On-Page SEO tools

Meta Tag Explorer is the best SEO tool to find SEO Meta of any website you browse Meta Explorer - The easiest and fastest way to find SEO Meta. - Find issues with your on page SEO in seconds (You can export issues as csv). - Pin the extension to keep it open across page refreshes. This comes in handy if you want to check SEO Meta of your content pages like your blog. - Works well on single page apps - Pleasant and modern UI All the existing tools need you to either click on an extension or copy paste the url in a tool to check the on page SEO. This gets very cumbersome if you have to check the on-page SEO for multiple pages, like a blog. With Meta Explorer, you don't need any clicks or copy-paste. Pin the extension & navigate to any page whose meta & on-page SEO you want to check and voila! you have the info in the sidebar. It also has a modern and pleasing UI. You won't get tired of looking at bad UI anymore. Key Features ✅ View & Copy meta tags ✅ View social tags (OG, Twitter) ✅ View header element count ✅ View header hierarchy ✅ Image file names & alt text ✅ Internal & External link count ✅ Links with Anchor text ✅ Scroll links into view ✅ Show schema markup if present ✅ Keyboard shortcut to toggle extension open/close (Cmd+Shift+E / Ctrl+Shift+E) 🐜 Issues - Check & Fix issues to improve your on page SEO. - Check Web Vitals - Export issues as CSV. 🔗 LINKS - Internal, External, No Follow link count - Links with Anchor text. - Check broken links - You can scroll the link into your view with a single click. 💬 Social - Check social preview of the site (Google, Twitter/X, Facebook, Linkedin, Slack) 🔧 Tools - Page speed insights - Ahrefs website authority checker - Partner SEO tools - Some links are affiliate links. Using them supports me to keep improving the extension. 🧐 Privacy - We don't collect any personal data or track any of your usage metrics. - We make network requests only to check broken links on your site, after you click on `Check Broken Links` button.