daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

docs: The monospaced fonts are hard to read and tiny

Open codayon opened this issue 8 months ago โ€ข 2 comments

On which page do you see this issue?

https://daisyui.com/docs/install/cli/

Describe the issue

I was browsing through the documentation and found out the mono fonts inside Framework install tutorials are very small which makes it hard to read. But the mono fonts in install page looks normal. As far as I know, whether I have the font installed inside my system or not will create such problem like this.

Screenshots

Image


Image

What browsers are you seeing the problem on?

Firefox, Chrome

codayon avatar Jun 09 '25 12:06 codayon

Thank you @codayon for reporting issues. It helps daisyUI a lot ๐Ÿ’š
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

github-actions[bot] avatar Jun 09 '25 12:06 github-actions[bot]

mono fonts inside Framework install tutorials are very small

Another thing I noticed they do not have that icon to copy the entire line.

Image

codayon avatar Jun 09 '25 12:06 codayon

Can I get assigned this issue?

nathansantiago avatar Jun 30 '25 15:06 nathansantiago

Hey. Thanks.
I'm not sure if this is an issue.
Mono space fonts are especially designed to be readable at small size. For comparison, the font size of mentioned docs pages are about the same font size as MacOS terminal's default font size.
Readabilty depends on the display quality and colors too but you may want to zoom in to increase the font size of page if needed.

saadeghi avatar Jun 30 '25 16:06 saadeghi

For comparison, the font size of mentioned docs pages are about the same font size as MacOS terminal's default font size.

Yeah, I always use custom font size, at least 16px. Even though most of the terminals comes with around 14px by default.

but you may want to zoom in to increase the font size of page if needed.

Sounds like a less intuitive task to me. By the way, what about that copy button which is missing?

codayon avatar Jun 30 '25 19:06 codayon

I didn't put a copy button in the first place. It's not "missing" if it never was implemented in the first place. Some of these code blocks are diffs (example). Some include different parts that you should choose (example).

These cannot have copy button because you need to see what you're copying.

saadeghi avatar Jun 30 '25 19:06 saadeghi