Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zhangchen915/fontsubset
✂️ Chrome 字体文件裁剪插件
https://github.com/zhangchen915/fontsubset
chrome-extensions font font-subset otf preact ttf
Last synced: 5 days ago
JSON representation
✂️ Chrome 字体文件裁剪插件
- Host: GitHub
- URL: https://github.com/zhangchen915/fontsubset
- Owner: zhangchen915
- Created: 2019-10-30T18:03:41.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T16:24:13.000Z (almost 2 years ago)
- Last Synced: 2023-03-03T21:13:27.549Z (over 1 year ago)
- Topics: chrome-extensions, font, font-subset, otf, preact, ttf
- Language: JavaScript
- Homepage:
- Size: 442 KB
- Stars: 17
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FontSubset ✂
Generate font Subset in Chrome extension.
![](./FontCut.jpg)
## Getting Started
### Setup
Run `npm i` to install dependencies.### Build the Project
Run `npm run build`. The bundle will end up in `dist/`.### Get the extension in Chrome for development
1. Open the Extension Management page by navigating to `chrome://extensions`.
2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
3. Click the LOAD UNPACKED button and select the `dist/` directory.## Developing
The base app component is in `src/app/app.jsx`.Chrome extensions can be composed of many parts. This scaffolding allows you to build the _popup UI_ with Preact.
### Resources
[Preact Tutorial](https://preactjs.com/guide/v10/tutorial)[Chrome Extension Developer Guide](https://developer.chrome.com/extensions/devguide)