Illusion Book is a pixel typeface based on the size of 12*12 px. The design concept of the font is to show the elegance of serifs in pixel style, while also being highly readable and suitable for large blocks of text.
4xs
The quick brown fox jumps over the lazy dog
3xs
The quick brown fox jumps over the lazy dog
2xs
The quick brown fox jumps over the lazy dog
xs
The quick brown fox jumps over the lazy dog
sm
The quick brown fox jumps over the lazy dog
base
The quick brown fox jumps over the lazy dog
lg
The quick brown fox jumps over the lazy dog
xl
The quick brown fox jumps over the lazy dog
2xl
The quick brown fox jumps over the lazy dog
3xl
The quick brown fox jumps over the lazy dog
4xl
The quick brown fox jumps over the lazy dog
5xl
The quick brown fox jumps over the lazy dog
6xl
The quick brown fox jumps over the lazy dog
7xl
The quick brown fox jumps over the lazy dog
8xl
The quick brown fox jumps over the lazy dog
9xl
The quick brown fox jumps over the lazy dog
Installation
Section titled “Installation”pnpm dlx shadcn@latest add pxl-ui/registry/fonts/illusion-book
Copy and paste the following code into your project.
Include the following CSS vars in your Tailwind main file
@theme { --font-serif: 'Illusion Book', serif;}