How to Tell If a Website Uses Adobe Fonts (Typekit)
Adobe Fonts (formerly Typekit) is a premium web-font service. Detect it via use.typekit.net kit scripts/CSS, the wf-loading / wf-active classes and p.typekit.net tracking.
Adobe Fonts — known for years as Typekit — is Adobe's premium web-font service, bundled with Creative Cloud and used by design-conscious brands and agencies. Because it loads from a distinctive Adobe domain and uses recognisable loader classes, detecting it is straightforward: look for a kit from use.typekit.net and the wf-loading/wf-active classes. This guide covers every reliable signal, the loader mechanics, the other font services to distinguish it from, and what Adobe Fonts usage tells you about the team, its design sensibility, its budget for premium tools, and its likely broader Adobe-ecosystem footprint.
What is Adobe Fonts (Typekit)?
Adobe Fonts is a subscription web-font service offering a large library of high-quality, professionally-licensed typefaces. Adobe acquired Typekit in 2011 and rebranded it Adobe Fonts in 2018, integrating it into Creative Cloud — so the fonts are available to Creative Cloud subscribers for both desktop design and web use, with web fonts delivered via a "kit". Unlike free Google Fonts, Adobe Fonts is a premium, licensed service, which makes it the choice of brands, agencies and design-led teams that want distinctive, properly-licensed typography and are already in the Adobe ecosystem.
For detection, the key context is that Adobe Fonts signals a design-conscious team with an Adobe relationship. Finding it tells you the site invests in premium typography and almost certainly has a Creative Cloud subscription — a more differentiating signal than ubiquitous Google Fonts. Because the rebrand kept the technical infrastructure on the typekit.net domain, that domain (not "adobefonts") is what you look for. The Web Font Loader classes it uses are also a reliable secondary signal.
How Adobe Fonts loads
An Adobe Fonts integration loads a kit from use.typekit.net — either as a JavaScript embed (use.typekit.net/<kit-id>.js, which uses the Web Font Loader) or as a CSS link (use.typekit.net/<kit-id>.css). The kit ID identifies the specific Adobe Fonts kit configured for the site. When using the JavaScript embed, Adobe Fonts applies Web Font Loader classes to the <html> element: wf-loading while the fonts download, then wf-active once they are ready (or wf-inactive on failure), plus per-font classes like wf-<fontname>-n4-active. Usage and performance beacons are sent to p.typekit.net.
So an Adobe Fonts site shows the use.typekit.net kit, the wf-loading/wf-active classes (with the JS embed), and p.typekit.net tracking. The font files themselves are served from Adobe's font CDN. Knowing this — the use.typekit.net kit, the wf- loader classes, and the p.typekit.net tracking — makes detection quick and kit-identifiable.
How to tell if a website uses Adobe Fonts
Confirm at least one strong signal.
1. Check the Network tab. Filter for typekit. A kit from use.typekit.net/<kit-id>.js or .css, plus tracking to p.typekit.net, confirms Adobe Fonts.
2. Inspect the <html> classes. With the JS embed, the <html> element carries wf-loading then wf-active (and per-font wf-...-active classes). These are characteristic of Adobe Fonts' Web Font Loader.
3. View the source. Search for typekit. The use.typekit.net kit reference is usually visible in a <link> or <script>.
4. Read the kit ID. The <kit-id> in the use.typekit.net URL identifies the Adobe Fonts kit configured for the site.
5. Check the fonts. The typeface names (often premium, non-Google fonts) corroborate, though the typekit.net kit is decisive.
What the Adobe Fonts signals look like
<link rel="stylesheet" href="https://use.typekit.net/abc1def.css">
<!-- or JS embed: -->
<script>(function(d){ var t=d.createElement("script"); t.src="https://use.typekit.net/abc1def.js"; … })(document);</script>
<html class="wf-proximanova-n4-active wf-active">
GET https://p.typekit.net/p.gif?… (usage tracking)
The combination of the use.typekit.net kit, the wf-loading/wf-active classes, and p.typekit.net tracking is conclusive.
Adobe Fonts versus other font services — avoiding false positives
Match the host to keep font services distinct. Adobe Fonts uses use.typekit.net/p.typekit.net and the wf- loader classes; Google Fonts uses fonts.googleapis.com/fonts.gstatic.com; Bunny Fonts uses fonts.bunny.net; Font Awesome is icons on fontawesome.com/cdnjs. The typekit.net domain is specific to Adobe Fonts. The wf-loading/wf-active classes come from the Web Font Loader, which Adobe Fonts uses heavily but which can also be used independently — so pair the wf- classes with the use.typekit.net kit to be certain. The rebrand from Typekit to Adobe Fonts can confuse, but the infrastructure is still typekit.net, so look for that.
How reliable is each signal?
The use.typekit.net kit is definitive and reveals the kit ID, as is p.typekit.net tracking. The wf-loading/wf-active classes are strong corroboration, especially alongside the kit. The premium typeface names corroborate. The weakest situation is wf- classes without a use.typekit.net kit (a standalone Web Font Loader usage), so confirm with the typekit.net host. As a rule, the use.typekit.net kit settles it, and the kit ID identifies the configuration.
What Adobe Fonts usage reveals about a site
Finding Adobe Fonts signals a design-conscious team with an Adobe Creative Cloud relationship. Because Adobe Fonts is a premium, subscription service, its presence indicates a brand, agency or design-led organisation that invests in distinctive, properly-licensed typography rather than defaulting to free Google Fonts. It often correlates with a broader Adobe ecosystem (Photoshop, Illustrator, XD/Figma workflows, and sometimes Adobe Experience Cloud on larger sites). If you sell design, branding, or creative services — or tools for design teams — an Adobe Fonts site marks a typography- and brand-conscious buyer with budget for premium tooling. The specific typefaces in use can even hint at the brand's design sensibility. Compared to Google Fonts, Adobe Fonts is a meaningfully more differentiating, "this team cares about and pays for type" signal.
What finding Adobe Fonts means for sales, agencies and competitive research
For sales and prospecting, Adobe Fonts marks a design-led, Adobe-ecosystem team with budget for premium tools — a fit for design, branding, creative and design-tooling products.
For agencies and consultants, finding Adobe Fonts tells you the client values typography and is in the Adobe ecosystem, so engagements can speak the language of brand and design, and consider performance (premium web fonts can be heavy) without compromising the type.
For competitive and market research, Adobe Fonts versus Google Fonts reveals a brand's typography investment. Spotting Adobe Fonts suggests a design-conscious competitor with a distinctive type system, useful when benchmarking brand sophistication.
Adobe Fonts in the wider stack
Adobe Fonts sits in the typography/brand layer and tends to accompany a design-led setup. It often appears alongside polished front-end work (custom design, GSAP animation on creative sites), a CMS that supports careful design control, and sometimes the broader Adobe stack (Adobe Analytics or AEM on enterprise sites). Because premium web fonts add weight, design-conscious teams using Adobe Fonts often also attend to font-loading performance (the wf- loader helps manage flashes of unstyled text). For an auditor, the valuable details are the kit ID, the typefaces in use, whether the broader Adobe ecosystem is present, and how font loading affects performance; together these reveal a design-and-brand-conscious team and its typography investment. It is also worth treating Adobe Fonts as a doorway to the broader Adobe ecosystem: a team paying for Creative Cloud web fonts is, almost by definition, using Adobe's design tools, and on larger sites may also run Adobe Analytics, Adobe Target or Adobe Experience Manager — so a single use.typekit.net kit can be an early hint of a much deeper Adobe relationship worth investigating. For anyone selling design services, creative tooling or Adobe-adjacent products, that inference turns a font detection into a qualified lead.
A quick Adobe Fonts confirmation walkthrough
Open the site with developer tools on the Network panel and filter for typekit. Look for a kit from use.typekit.net/<kit-id>.js or .css and tracking to p.typekit.net. Inspect the <html> element for wf-loading/wf-active (and per-font wf-...-active) classes. View the source for typekit. Read the kit ID from the use.typekit.net URL. The use.typekit.net kit confirms Adobe Fonts and the kit ID identifies the configuration.
A quick Adobe Fonts detection checklist
- Filter the Network tab for
typekit; ause.typekit.netkit is conclusive. - Inspect
<html>forwf-loading/wf-activeand per-fontwf-...-activeclasses. - Look for tracking beacons to
p.typekit.net. - Read the kit ID from the
use.typekit.netURL. - Remember Typekit = Adobe Fonts (infrastructure still on typekit.net).
- Distinguish Adobe Fonts (
typekit.net) from Google Fonts (googleapis.com) and Bunny Fonts.
Detecting Adobe Fonts at scale
Checking one site is quick, but mapping premium-font adoption across many domains — to find design-led, Adobe-ecosystem brands — calls for automation. StackOptic detects Adobe Fonts (Typekit) and thousands of other technologies from a real browser, reading kit assets, loader classes and tracking. For related reading, see our guide to finding out what fonts and colours a website uses and the full Adobe Fonts technology profile.
Frequently asked questions
What is the fastest way to tell if a site uses Adobe Fonts?
Open the Network tab and filter for 'typekit'. A kit loaded from use.typekit.net (either <kit-id>.js or <kit-id>.css) confirms Adobe Fonts, and tracking beacons to p.typekit.net corroborate. The <html> element also gains wf-loading then wf-active classes as fonts load.
Why is it still called Typekit?
Adobe acquired Typekit in 2011 and rebranded it as Adobe Fonts in 2018, but the technical infrastructure still uses the typekit.net domain — kits load from use.typekit.net and tracking goes to p.typekit.net. So the typekit.net signals are how you detect Adobe Fonts today.
What are the wf-loading and wf-active classes?
Adobe Fonts uses the Web Font Loader, which adds a wf-loading class to the <html> element while fonts download and swaps it to wf-active once they are ready (or wf-inactive on failure). Seeing wf-loading/wf-active classes, alongside a use.typekit.net kit, confirms Adobe Fonts.
Is Adobe Fonts free?
Adobe Fonts is included with an Adobe Creative Cloud subscription (and some free Adobe accounts have limited access). It is a premium, licensed font service rather than a free open-source library, so its presence indicates a paid Adobe relationship.
What does it mean if a site uses Adobe Fonts?
Adobe Fonts signals a design-conscious team using premium, licensed typefaces, typically with an Adobe Creative Cloud subscription. Finding it suggests a brand, agency or design-led organisation that invests in typography and uses Adobe's design tools.
Analyse any website with StackOptic
Get the full technology stack, performance, security and SEO report in seconds — free.
Analyse a websiteRelated articles
How to Tell If a Website Uses Heap
Heap (Heap Analytics) autocaptures product events. Detect it via the cdn.heapanalytics.com script, the global heap object, heapanalytics.com beacons and _hp2 cookies.
How to Tell If a Website Uses Foundation
Foundation (by Zurb) is a responsive front-end framework. Detect it via its grid classes (row/columns, grid-x/cell), data-* component attributes and the foundation.css/js files.
How to Tell If a Website Uses Crisp
Crisp is a developer-friendly, affordable live-chat and messaging tool. Detect it via the client.crisp.chat/l.js script, the window.$crisp object and the CRISP_WEBSITE_ID value.