I still think em is not the right unit to define letter-spacing in #CSS.
It's based on the height of an upper case letter in the currently used font. We're working horizontally with letter-spacing.
For this reason I work with the ch unit here for years now and the results are feeling much better and especially more predictable.
Am I missing something or why is it that the majority seems to stick with em? I mean ch exists in all major browsers for 12 years now.
(For clarity: The ch unit is based on the character 0 in the currently used font)
#Coding #WebDev
kaiserkiwi :kiwibird:
npub1s4…w8vmj
2025-09-05 07:22:06 UTC
Author Public Key
npub1s4vx6g47a9mwctvsu6ardqf8jkauvutj54g5f6dmswhu28k60jxs5w8vmjSeen on
wss://relay.momostr.pinkPublished at
2025-09-05 07:22:06 UTCEvent JSON
{
"id": "0a0aaf2dff33f3c31e11db56e1727296c7068b859d4ea187b49e8af076bf7a3f",
"pubkey": "85586d22bee976ec2d90e6ba36812795bbc67172a55144e9bb83afc51eda7c8d",
"created_at": 1757056926,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://corteximplant.com/@kaiserkiwi/115150482744407226",
"web"
],
[
"t",
"coding"
],
[
"t",
"webdev"
],
[
"proxy",
"https://corteximplant.com/users/kaiserkiwi/statuses/115150482744407226",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://corteximplant.com/users/kaiserkiwi/statuses/115150482744407226",
"pink.momostr"
],
[
"-"
]
],
"content": "I still think em is not the right unit to define letter-spacing in #CSS. \n\nIt's based on the height of an upper case letter in the currently used font. We're working horizontally with letter-spacing. \n\nFor this reason I work with the ch unit here for years now and the results are feeling much better and especially more predictable. \n\nAm I missing something or why is it that the majority seems to stick with em? I mean ch exists in all major browsers for 12 years now. \n\n(For clarity: The ch unit is based on the character 0 in the currently used font)\n\n#Coding #WebDev",
"sig": "3a7597c59a34fa13a91535f33a7740f9ad52578daafb1d1da91fd3b4fca84cd798410ce093787b80f05c8df8e787894a1a3b9392e36ef0d168420c6d760fd6a1"
}