# Website Font Detector - Fonts Used on Any Page (`eliai/webpage-font-detector`) Actor

Detect the fonts a site uses: @font-face + web-font files, font-family stacks, and Google/Adobe/self-hosted/system sources. Bulk. $0.001 per page, cheaper than paid font/brand extractors; failed fetches free.

- **URL**: https://apify.com/eliai/webpage-font-detector.md
- **Developed by:** [Broke to Built](https://apify.com/eliai) (community)
- **Categories:** Developer tools, SEO tools, Automation
- **Stats:** 1 total users, 1 monthly users, 100.0% runs succeeded, 0 bookmarks
- **User rating**: No ratings yet

## Pricing

from $0.80 / 1,000 scanned pages

This Actor is paid per event. You are not charged for the Apify platform usage, but only a fixed price for specific events.
Since this Actor supports Apify Store discounts, the price gets lower the higher subscription plan you have.

Learn more: https://docs.apify.com/actors/running/actors-in-store.md#pay-per-event

## What's an Apify Actor?

Actors are web data automations that power AI and operations. They run on the Apify platform to scrape websites, process data, connect APIs, and automate workflows.
In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours,
and optionally produces a well-defined JSON output, datasets with results, or files in key-value store.
In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server.
Actors are written with capital "A".

## How to integrate an Actor?

If asked about integration, you help developers integrate Actors into their projects.
You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready.
The best way to integrate Actors is as follows.

- **AI agents and MCP clients** — the [Apify MCP server](https://docs.apify.com/integrations/mcp.md) at `https://mcp.apify.com` (remote, streamable HTTP, OAuth on first use).
- **Agentic workflows and local Actor development** — [Agent Skills](https://apify.com/.well-known/agent-skills/index.json) with the [Apify CLI](https://docs.apify.com/cli/docs.md): `npm install -g apify-cli`, then `apify login`.
- **JavaScript/TypeScript projects** — the official [JS/TS client](https://docs.apify.com/api/client/js/docs.md): `npm install apify-client`.
- **Python projects** — the official [Python client](https://docs.apify.com/api/client/python/docs.md): `pip install apify-client`.
- **Any other language** — the [REST API](https://docs.apify.com/api/v2.md).

For usage examples, see the [API](#api) section below.

For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt).

# README

## Website Font Detector — fonts used on any page

Detect the **fonts a website uses**: `@font-face` declarations with their web-font files, `font-family`
stacks, and whether each family comes from **Google Fonts, Adobe Fonts, a self-hosted webfont, or the
system**. Single URL or bulk. **$0.001 per page.** Failed fetches are recorded free.

### What you get

One dataset item per URL:

| Field | What it is |
|---|---|
| `ok` | `true` on a successful fetch, `false` on an error row |
| `url` | The URL you passed |
| `finalUrl` | Where the request actually landed after redirects |
| `status` | HTTP status of the page fetch |
| `fontCount` | How many distinct families were found |
| `fonts` | Array of `{ family, source, files[] }`, sorted alphabetically by family |

Each font carries `family` (the declared name), `source` (`webfont`, `google`, `adobe` or
`system`), and `files` - each `{ url, format }` where the format is known. Families seen more than
one way keep the most specific source, so a Google-hosted family is never downgraded to `system`
just because it also appears in a fallback stack. CSS comments are stripped before parsing, so a
commented-out `font-family` never shows up as a result.

### Example 1 - one page

Input:

```json
{ "url": "https://techcrunch.com/", "maxUrls": 25 }
```

Output (real run, 2026-08-07):

```json
{
  "ok": true, "url": "https://techcrunch.com/", "status": 200,
  "fontCount": 3,
  "fonts": [
    { "family": "nb_international_promono", "source": "webfont",
      "files": [ { "url": "https://techcrunch.com/wp-content/themes/tc-24/assets/fonts/.../nbinternationalpromono-webfont.woff2", "format": "woff2" } ] }
  ]
}
```

### Example 2 - a competitor sweep in one run

```json
{
  "urls": ["stripe.com", "linear.app", "vercel.com", "https://notion.so/"],
  "maxUrls": 50
}
```

Bare domains get `https://` added for you, duplicates are removed, and you get one row per site -
so a whole competitive set's typography lands in a single dataset you can export as CSV.

### Example 3 - a page that will not load

```json
{ "url": "https://no-such-site.invalid/", "ok": false, "error": "fetch failed", "fontCount": 0, "fonts": [] }
```

The row is recorded so nothing silently disappears from your dataset, the run continues, and that
URL is **not charged**.

### Pricing — $0.001 per page

Prices below checked via the Apify Store API on 2026-08-07:

| Actor | Pricing | One page |
|---|---|---|
| **This actor** | **$0.001 per page** | **$0.001** |
| eiv/website-brand-extractor | $0.001 start + $0.002 per item | $0.003 |
| automation-lab/font-detector | $0.035 per run start | $0.035+ |

### When NOT to use this

- **The fonts live only in an external stylesheet.** This reads the served HTML: `<style>` blocks,
  inline `style=""` attributes, and provider `<link>` / `@import` references. A site whose
  `@font-face` rules sit in a separate `.css` file will surface its Google or Adobe provider link
  but not the self-hosted font file URLs inside that stylesheet.
- **The page renders its fonts with JavaScript.** No browser is launched - the raw HTML response is
  parsed. A single-page app that injects styles at runtime will look emptier here than it does in
  DevTools.
- **You want to know which font actually rendered.** This reports what the page *declares*. Which
  entry in a `font-family` stack the browser picked depends on the visitor's machine.
- **You want the licence, price or a downloadable file.** Family names and file URLs come back;
  licensing, foundry and pricing do not, and nothing is downloaded.
- **You need Adobe Fonts family names.** Typekit loads families at runtime via JavaScript, so the
  kit is surfaced as `Adobe Fonts kit: <id>` with its CSS URL rather than the individual families.

### FAQ

**How do I find out what font a website uses?**
Pass the URL. Every declared family comes back in `fonts[]` with a `source` telling you whether it
is a self-hosted webfont, Google Fonts, Adobe Fonts, or a plain system stack.

**Can I get the actual font file URL?**
Yes, when the `@font-face` rule is in the HTML. `files[]` holds each `src` URL with its declared
format (woff2, woff, ttf), resolved to an absolute URL against the page.

**Does it identify Google Fonts and Adobe Fonts?**
Yes. Google Fonts are read from `fonts.googleapis.com` link tags and `@import` rules, including both
the `css2` `?family=A&family=B` form and the older `?family=A|B` form. Adobe Fonts are detected from
`use.typekit.net` kit references.

**Does it fetch external CSS files?**
No. It parses inline CSS and provider links inside the HTML. This is what keeps a scan fast enough
to cost $0.001 instead of running a headless browser.

**Can I check many websites at once?**
Yes - up to 50 URLs per run via `urls`. Bare domains are upgraded to `https://` automatically and
duplicates are removed before any fetch happens.

**Why does a font show up as "system"?**
Because it appeared in a `font-family` stack but the page never declared a matching `@font-face` or
provider link, so there is no evidence of a downloadable file. Generic keywords (`serif`,
`sans-serif`, `system-ui`, `inherit` and friends) are filtered out entirely.

**What about a dead URL?**
You get an `{ok:false, error}` record and the run continues. That URL is never charged.

### Related actors

- **Website Color Palette Extractor** (`EliAI/webpage-color-palette`) — the color half of a page's design tokens (hex/rgb/hsl ranked). Pair the two to capture a site's full typography + color system.

### Use from code or AI agents

```bash
curl -X POST "https://api.apify.com/v2/acts/EliAI~webpage-font-detector/runs?token=YOUR_APIFY_TOKEN" \
  -H 'content-type: application/json' -d '{"url":"https://techcrunch.com/"}'
```

Callable as an agent tool through the Apify MCP server (`mcp.apify.com`).

# Actor input Schema

## `url` (type: `string`):

A single page URL to scan for fonts.

## `urls` (type: `array`):

Multiple page URLs to scan. Combined with the single URL above.

## `maxUrls` (type: `integer`):

Maximum number of pages to scan in one run (1-50).

## Actor input object example

```json
{
  "url": "https://github.com/",
  "urls": [],
  "maxUrls": 25
}
```

# Actor output Schema

## `results` (type: `string`):

Every item this run produced, as JSON.

## `resultsCsv` (type: `string`):

The same items as a spreadsheet-ready CSV.

# API

You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup.

## JavaScript example

```javascript
import { ApifyClient } from 'apify-client';

// Initialize the ApifyClient with your Apify API token
// Replace the '<YOUR_API_TOKEN>' with your token
const client = new ApifyClient({
    token: '<YOUR_API_TOKEN>',
});

// Prepare Actor input
const input = {
    "url": "https://github.com/",
    "urls": []
};

// Run the Actor and wait for it to finish
const run = await client.actor("eliai/webpage-font-detector").call(input);

// Fetch and print Actor results from the run's dataset (if any)
console.log('Results from dataset');
console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`);
const { items } = await client.dataset(run.defaultDatasetId).listItems();
items.forEach((item) => {
    console.dir(item);
});

// 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs

```

## Python example

```python
from apify_client import ApifyClient

# Initialize the ApifyClient with your Apify API token
# Replace '<YOUR_API_TOKEN>' with your token.
client = ApifyClient("<YOUR_API_TOKEN>")

# Prepare the Actor input
run_input = {
    "url": "https://github.com/",
    "urls": [],
}

# Run the Actor and wait for it to finish
run = client.actor("eliai/webpage-font-detector").call(run_input=run_input)

# Fetch and print Actor results from the run's dataset (if there are any)
print(f"💾 Check your data here: https://console.apify.com/storage/datasets/{run.default_dataset_id}")
for item in client.dataset(run.default_dataset_id).iterate_items():
    print(item)

# 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start

```

## CLI example

```bash
echo '{
  "url": "https://github.com/",
  "urls": []
}' |
apify call eliai/webpage-font-detector --silent --output-dataset

```

## MCP server setup

```json
{
    "mcpServers": {
        "apify": {
            "type": "http",
            "url": "https://mcp.apify.com/?tools=fetch-actor-details,eliai/webpage-font-detector"
        }
    }
}

```

The hosted server signs you in with OAuth on first connect, so no API token belongs in this config. Clients without OAuth support can send an `Authorization: Bearer <APIFY_API_TOKEN>` header instead, using a token from API & Integrations in Apify Console (https://console.apify.com/settings/integrations).

## OpenAPI specification

Download the OpenAPI definition: https://api.apify.com/v2/actors/VVhqzEFCwyu2KMQlc/builds/48JRtLhhtl9raTsZT/openapi.json