{"_id":"@dithernaut/quanta-strike","_rev":"5-6bf60a103261cb8f084359f9ea8681dd","name":"@dithernaut/quanta-strike","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@dithernaut/quanta-strike","version":"0.1.0","keywords":["font","pixel-font","bitmap-font","typeface","webfont","woff2","pixel-art","monospace","css"],"author":{"url":"https://dithernaut.com","name":"dithernaut"},"license":"OFL-1.1","_id":"@dithernaut/quanta-strike@0.1.0","maintainers":[{"name":"dithernaut","email":"dithernaut@blurmail.top"}],"homepage":"https://github.com/dithernaut/quanta-strike#readme","bugs":{"url":"https://github.com/dithernaut/quanta-strike/issues"},"dist":{"shasum":"f688b4505f73d48b4b926c69f938f9c629b844b7","tarball":"https://registry.npmjs.org/@dithernaut/quanta-strike/-/quanta-strike-0.1.0.tgz","fileCount":29,"integrity":"sha512-penlXw9Udqu/9rbtB/XUy0JyRgXZVjnWm7RmAWzNeim3jUBG97P+Niex0q6kzTWeCYBJKcndGlhgObnf29dufg==","signatures":[{"sig":"MEYCIQDot41tJpMaJ7vYS4WIQuJ++mUuqncFBxCYvQtULyuAMgIhAN7pog89jYmYW7I6qmswxcGEM3f6hFjJHV4kwCVf2rYy","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":156372},"type":"module","exports":{".":"./quanta-strike.css","./6.css":"./6.css","./10.css":"./10.css","./12.css":"./12.css","./14.css":"./14.css","./16.css":"./16.css","./18.css":"./18.css","./20.css":"./20.css","./32.css":"./32.css","./OFL.txt":"./OFL.txt","./fonts/*":"./fonts/*","./package.json":"./package.json","./utilities.css":"./utilities.css","./quanta-strike.css":"./quanta-strike.css"},"gitHead":"5e43ad0417a02d1b6eedfa2d7c6007c486db913b","_npmUser":{"name":"dithernaut","email":"dithernaut@blurmail.top"},"deprecated":"Package renamed to quanta-strike. Use: npm install quanta-strike","repository":{"url":"git+https://github.com/dithernaut/quanta-strike.git","type":"git","directory":"package"},"_npmVersion":"11.13.0","description":"A pixel typeface with one font per size. Every strike is drawn by hand and stays sharp at the size it was drawn for.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/quanta-strike_0.1.0_1784499175027_0.515660449404437","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dithernaut/quanta-strike","version":"0.1.1","keywords":["font","pixel-font","bitmap-font","typeface","webfont","woff2","pixel-art","monospace","css"],"author":{"url":"https://dithernaut.com","name":"dithernaut"},"license":"OFL-1.1","_id":"@dithernaut/quanta-strike@0.1.1","maintainers":[{"name":"dithernaut","email":"dithernaut@blurmail.top"}],"homepage":"https://github.com/dithernaut/quanta-strike#readme","bugs":{"url":"https://github.com/dithernaut/quanta-strike/issues"},"dist":{"shasum":"527bd118f8329450916018243fc007dfceefad77","tarball":"https://registry.npmjs.org/@dithernaut/quanta-strike/-/quanta-strike-0.1.1.tgz","fileCount":29,"integrity":"sha512-Apx6f8gfyD4hvq+VwUNkt3WNhQNM9mLnynEHs6YfZENJa8izwX3K4zFFYFJBJl5VYpEDOzxkMXLzQwneask05w==","signatures":[{"sig":"MEQCICy7QEzEoZ+V7D78zW4PLZKOmfGMMqi8caRZaa8uhJotAiB7QO0BoTGPOmtlveJXw9cAlNEkF+PJl6Gaglm6w4nphA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":155292},"type":"module","exports":{".":"./quanta-strike.css","./6.css":"./6.css","./10.css":"./10.css","./12.css":"./12.css","./14.css":"./14.css","./16.css":"./16.css","./18.css":"./18.css","./20.css":"./20.css","./32.css":"./32.css","./OFL.txt":"./OFL.txt","./fonts/*":"./fonts/*","./package.json":"./package.json","./utilities.css":"./utilities.css","./quanta-strike.css":"./quanta-strike.css"},"gitHead":"bd943512ebcd59357414711d46250e6fff9bad03","_npmUser":{"name":"dithernaut","email":"dithernaut@blurmail.top"},"deprecated":"Package renamed to quanta-strike. Use: npm install quanta-strike","repository":{"url":"git+https://github.com/dithernaut/quanta-strike.git","type":"git","directory":"package"},"_npmVersion":"11.13.0","description":"A pixel typeface with one font per size. Every strike is drawn by hand and stays sharp at the size it was drawn for.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/quanta-strike_0.1.1_1784649536269_0.0033662610332021448","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dithernaut/quanta-strike","version":"0.1.2","keywords":["font","pixel-font","bitmap-font","typeface","webfont","woff2","pixel-art","monospace","css"],"author":{"url":"https://dithernaut.com","name":"dithernaut"},"license":"OFL-1.1","_id":"@dithernaut/quanta-strike@0.1.2","maintainers":[{"name":"dithernaut","email":"dithernaut@blurmail.top"}],"homepage":"https://github.com/dithernaut/quanta-strike#readme","bugs":{"url":"https://github.com/dithernaut/quanta-strike/issues"},"dist":{"shasum":"d19caa141f67d373dad7462179f5f94635aa1325","tarball":"https://registry.npmjs.org/@dithernaut/quanta-strike/-/quanta-strike-0.1.2.tgz","fileCount":29,"integrity":"sha512-Jcotmgp88sotMYM+7jcxLD5R8qZHHzPCSfnaCEVCug5QMJfBqUtIsxKDZzFzmSNAfp/5pw/QC+RVF836IZawLA==","signatures":[{"sig":"MEQCIGQMW9610Qql7bn/z4XniihF0FymlG/VXKaHhLDspDbLAiB2vWVqe/8dcHLTNsxY3RqeGwzZb07yc42t02lhdIdnOA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":155500},"type":"module","exports":{".":"./quanta-strike.css","./6.css":"./6.css","./10.css":"./10.css","./12.css":"./12.css","./14.css":"./14.css","./16.css":"./16.css","./18.css":"./18.css","./20.css":"./20.css","./32.css":"./32.css","./OFL.txt":"./OFL.txt","./fonts/*":"./fonts/*","./package.json":"./package.json","./utilities.css":"./utilities.css","./quanta-strike.css":"./quanta-strike.css"},"gitHead":"a05c9d9250b1cd633a14e26fc76cabad45d83815","_npmUser":{"name":"dithernaut","email":"dithernaut@blurmail.top"},"deprecated":"Package renamed to quanta-strike. Use: npm install quanta-strike","repository":{"url":"git+https://github.com/dithernaut/quanta-strike.git","type":"git","directory":"package"},"_npmVersion":"11.13.0","description":"A pixel typeface with one font per size. Every strike is drawn by hand and stays sharp at the size it was drawn for.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/quanta-strike_0.1.2_1784655557033_0.6617807428477684","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-07-19T22:12:54.857Z","modified":"2026-07-21T17:56:55.859Z","0.1.0":"2026-07-19T22:12:55.231Z","0.1.1":"2026-07-21T15:58:56.433Z","0.1.2":"2026-07-21T17:39:17.167Z"},"bugs":{"url":"https://github.com/dithernaut/quanta-strike/issues"},"author":{"url":"https://dithernaut.com","name":"dithernaut"},"license":"OFL-1.1","homepage":"https://github.com/dithernaut/quanta-strike#readme","keywords":["font","pixel-font","bitmap-font","typeface","webfont","woff2","pixel-art","monospace","css"],"repository":{"url":"git+https://github.com/dithernaut/quanta-strike.git","type":"git","directory":"package"},"description":"A pixel typeface with one font per size. Every strike is drawn by hand and stays sharp at the size it was drawn for.","maintainers":[{"name":"dithernaut","email":"dithernaut@blurmail.top"}],"readme":"# @dithernaut/quanta-strike\n\nA pixel typeface with one font per size. A \"bitmap\" font for the modern web.\n\nIt ships a separate font for each size, and each one is drawn by hand. \n\n```bash\nnpm install @dithernaut/quanta-strike\n```\n\n## Use it\n\nImport the CSS, then use the class.\n\n```js\nimport \"@dithernaut/quanta-strike\";\n```\n\n```html\n<p class=\"qs-16\">Sharp at sixteen pixels.</p>\n<code class=\"qs-12-mono\">const pixel = 1;</code>\n```\n\nThat is the whole setup. The class sets the family and the size together.\n\nImport one size instead of all eight if you only need one:\n\n```js\nimport \"@dithernaut/quanta-strike/16.css\";\n```\n\n## Sizes\n\nThe package ships eight strikes: `6`, `10`, `12`, `14`, `16`, `18`, `20`, `32`.\n\nEach strike gets two classes.\n\n| class | use for |\n|-------|---------|\n| `.qs-16` | body text and UI |\n| `.qs-16-mono` | code and terminals |\n\nSwap the number for any size in the list.\n\n## The one rule\n\nThe size and the family go together. `quanta-strike-16` is sharp at 16px and\nblurry everywhere else. The `.qs-16` class binds both, so use the class and you\nstay safe.\n\nIf you write your own CSS, keep them in the same rule:\n\n```css\n.headline {\n  font-family: var(--font-strike-32);\n  font-size: 32px;\n}\n```\n\nNever set the size on its own. Never set the family on its own.\n\n## Responsive text\n\nYou cannot scale this font with `clamp()`. Change the size and you must change the\nfamily too. So swap the whole class at a breakpoint:\n\n```css\n.title { font-family: var(--font-strike-16); font-size: 16px; }\n\n@media (min-width: 48rem) {\n  .title { font-family: var(--font-strike-32); font-size: 32px; }\n}\n```\n\n## What you get\n\n- `@dithernaut/quanta-strike` loads every strike.\n- `@dithernaut/quanta-strike/16.css` loads one strike.\n- `--font-strike-16` and `--font-strike-16-mono` custom properties for every size.\n- `.qs-16` and `.qs-16-mono` classes for every size.\n\n## Licence\n\nSIL Open Font License 1.1. See `OFL.txt`.\n\nRead the full story at\n[dithernaut.com/posts/pixel-scaling](https://dithernaut.com/posts/pixel-scaling).\nSource and build pipeline at\n[github.com/dithernaut/quanta-strike](https://github.com/dithernaut/quanta-strike).\n","readmeFilename":"README.md"}