2 ms·
I'm not sure if I did it wrong, but going to the Hacker News bar and looking at the font of the Hacker News logo, it's different. Original is: Verdana, Geneva,
by robertlagrant 2y ago
I'm not sure if I did it wrong, but going to the Hacker News bar and looking at the font of the Hacker News logo, it's different.
Original is: Verdana, Geneva, sans-serif
Yours is: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
It looks cool, but I don't see why that sort of thing would happen?
- alexdanilowicz 2y agohey thanks for the bug report! I tried to repro and see it using Verdana, Geneva, san-serif when: A) selecting just the logo — https://www.magicpatterns.com/21ae73b5-3e14-480c-9a2e-5961468a5179 https://www.magicpatterns.com/21ae73b5-3e14-480c-9a2e-596146... B) the bar: https://www.magicpatterns.com/6f378234-df0f-4df5-ba80-25db7b0feb0b https://www.magicpatterns.com/6f378234-df0f-4df5-ba80-25db7b... C) the entire page https://www.magicpatterns.com/6c2c1666-0c65-4ab2-a07a-42a96da054f0 https://www.magicpatterns.com/6c2c1666-0c65-4ab2-a07a-42a96d... Could you share the outputted URL? If you're referring to the example output in the post, that's the result of a "conversion" that uses an LLM to convert the the extracted styles to Tailwind. (AI is hallunicating not keeping the font consistent! Need to fix, thanks for flagging.)
- joahua 2y agoI wonder if it is because Tailwind is the target, and it's reflecting default Tailwind font stack. Brackets notation is often used for size values but probably pretty rare to use for a font stack, as this kind of thing typically goes in config.