{"id":15678989,"url":"https://github.com/hmarr/chrome-detect-font","last_synced_at":"2025-05-06T21:06:05.243Z","repository":{"id":42888885,"uuid":"254751851","full_name":"hmarr/chrome-detect-font","owner":"hmarr","description":"🖋 Easily see which fonts are in use","archived":false,"fork":false,"pushed_at":"2024-08-30T22:48:49.000Z","size":157,"stargazers_count":14,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-06T21:05:34.099Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hmarr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-04-10T22:54:05.000Z","updated_at":"2024-09-28T19:29:55.000Z","dependencies_parsed_at":"2022-08-27T11:01:59.027Z","dependency_job_id":"610081f4-b7d5-4ae1-a6e3-fa5162ca5870","html_url":"https://github.com/hmarr/chrome-detect-font","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hmarr%2Fchrome-detect-font","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hmarr%2Fchrome-detect-font/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hmarr%2Fchrome-detect-font/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hmarr%2Fchrome-detect-font/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hmarr","download_url":"https://codeload.github.com/hmarr/chrome-detect-font/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252769396,"owners_count":21801376,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T16:25:47.700Z","updated_at":"2025-05-06T21:06:05.225Z","avatar_url":"https://github.com/hmarr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Detect fonts in Chrome\n\n[![Chrome Store](https://img.shields.io/chrome-web-store/v/mpljfgaicpdodihppfoolcididbkalce?color=blue\u0026logo=google-chrome\u0026logoColor=white)](https://chrome.google.com/webstore/detail/mpljfgaicpdodihppfoolcididbkalce)\n\nClick the icon in the browser toolbar to activate font detection mode, and hover over parts of the page to reveal which font is being used. The primary font will be shown in bold, followed by the fallback fonts. It just looks at the font-family CSS property, so it's not guaranteed to be correct.\n\n## Why does this exist?\nYou can already discover fonts with the Chrome web inspector, but this extension makes doing so just one click away.\n\nWhile there are similar extensions in the Chrome Store, they generally ask for permission to \"read and change all data on the websites that you visit\", whereas this extension only activates when you click the button, so doesn't require elevated permissions.\n\n![Demo gif](https://user-images.githubusercontent.com/110275/79029506-9396e880-7b8c-11ea-8f7a-5a9a4f042507.gif)\n\n## Installation options\n\n1. Install via the [Chrome Store](https://chrome.google.com/webstore/detail/mpljfgaicpdodihppfoolcididbkalce)\n2. Build by running `npm run prod:build`, then navigate to `chrome://extensions`, enable developer mode, and add the `dist/` directory as an unpacked extension.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhmarr%2Fchrome-detect-font","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhmarr%2Fchrome-detect-font","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhmarr%2Fchrome-detect-font/lists"}