{"id":22494880,"url":"https://github.com/code-beaker/whatfont-web-production","last_synced_at":"2026-01-07T11:33:45.657Z","repository":{"id":251300177,"uuid":"836996583","full_name":"Code-Beaker/whatfont-web-production","owner":"Code-Beaker","description":"[Unofficial] Website for the WhatFont browser extension","archived":false,"fork":false,"pushed_at":"2024-08-04T03:31:53.000Z","size":1264,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T23:33:23.208Z","etag":null,"topics":["website","whatfont"],"latest_commit_sha":null,"homepage":"https://main--whatfont-web-code-beaker.netlify.app/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Code-Beaker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-08-02T02:08:56.000Z","updated_at":"2024-08-04T06:09:35.000Z","dependencies_parsed_at":"2024-12-06T19:18:28.341Z","dependency_job_id":"008c2b75-3cad-4e2e-939e-535c6b421d31","html_url":"https://github.com/Code-Beaker/whatfont-web-production","commit_stats":null,"previous_names":["code-beaker/whatfont-web-production"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fwhatfont-web-production","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fwhatfont-web-production/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fwhatfont-web-production/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Code-Beaker%2Fwhatfont-web-production/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Code-Beaker","download_url":"https://codeload.github.com/Code-Beaker/whatfont-web-production/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245924518,"owners_count":20694730,"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":["website","whatfont"],"created_at":"2024-12-06T19:18:23.952Z","updated_at":"2026-01-07T11:33:45.609Z","avatar_url":"https://github.com/Code-Beaker.png","language":null,"readme":"# WhatFont\n\nWhatFont lets you inspect the typography of a website and provide information on the different fonts used.\n\n## Table of contents\n\n- [WhatFont](#whatfont)\n  - [Table of contents](#table-of-contents)\n  - [What Can It Do?](#what-can-it-do)\n    - [Download for Chrome](#download-for-chrome)\n    - [Download for Firefox](#download-for-firefox)\n    - [About the website](#about-the-website)\n    - [Performance](#performance)\n      - [Desktop](#desktop)\n      - [Mobile](#mobile)\n  - [Tools and Tech](#tools-and-tech)\n    - [Tools](#tools)\n      - [Testing devices - Smartphones](#testing-devices---smartphones)\n    - [Languages](#languages)\n    - [Others](#others)\n\n## What Can It Do?\n\nThis extension will let you inspect the fonts used on a website. Not just that,\n\n- `font-weight` or thickness of the font\n- `font-size` or size of the font\n- `font-style` (italic, oblique, normal, etc.)\n\n### Download for Chrome\n\nDownload the extension for Chrome from the Official [Chrome Webstore](https://chromewebstore.google.com)\n\n### Download for Firefox\n\nDownload the add-on from [Mozilla Addons](https://addons.mozilla.org) website.\n\n### About the website\n\nThe website was designed and developed by Tharun Raj(Code-Beaker). It's not official yet.\n\n\u003e [!NOTE]\n\u003e This is just a _demo-like_ website. It is not a part of the official browser extension.\n\n### Performance\n\nSee how this website performs on Google SpeedInsights.\n\n#### Desktop\n\nPerformance on desktops and laptops\n![Desktop](image.png)\n\n#### Mobile\n\nPerformance on mobile phones\n![Mobile](image-1.png)\n\n## Tools and Tech\n\nEverything used to build this website including the software/tools and different languages.\n\n### Tools\n\nSoftware and tools.\n\n![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge\u0026logo=visual-studio-code\u0026logoColor=white)\n\n![Windows](https://img.shields.io/badge/Windows-0078D6?style=for-the-badge\u0026logo=windows\u0026logoColor=white)\n\n![Ubuntu](https://img.shields.io/badge/Ubuntu-E95420?style=for-the-badge\u0026logo=ubuntu\u0026logoColor=white)\n\n![Brave](https://img.shields.io/badge/Brave-FB542B?style=for-the-badge\u0026logo=Brave\u0026logoColor=white)\n\n![Firefox](https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge\u0026logo=Firefox-Browser\u0026logoColor=white)\n\n- [Parcel Bundler](https://parceljs.org)\n\nThe source files are bundled using **Parcel** for better performance.\n\n#### Testing devices - Smartphones\n\nSmartphones on which the website was tested\n\n- Samsung Galaxy A13\n- Realme 1\n- Realme 11x 5G\n- Samsung Galaxy M30\n- Xiaomi Mi A3\n\n### Languages\n\nLanguages used to build the website\n\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n\n### Others\n\nImages, icons and other resources\n\n- **[Undraw](https://undraw.co)** for illustrations\n- **[Bootstrap Icons](https://icons.getbootstrap.com)** for the icons\n- **[Google Fonts](https://fonts.google.com)** to locally host the fonts\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fwhatfont-web-production","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode-beaker%2Fwhatfont-web-production","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode-beaker%2Fwhatfont-web-production/lists"}