I want to make emoji bigger than the text that surrounds them. At my age and eyesight, it can be difficult to tell the difference between 😃, 😄, and 😊 when they are as small as the text.
Is there a way to use CSS to increase the font size of specific characters without having to wrap them in an extra <span> or similar?
Yes! Although it is a bit of a hack.
This relies on 3 CSS features: src: local(), unicode-range,and size-adjust. Let me walk you through it.
@font-face this tells the browser that we're defining a new font which will be referenced later.
font-family this is the name we're going to be using as a reference.
src: local('Apple Color Emoji') ... CSS can reference local fonts. We don't know what device this page is being viewed on, so we've included a number of popular fallback fonts which should work with all major browsers. You can also reference a webfont if you want - although Emoji fonts tend to have a large filesize. I've adapted this from Marc Fornós' CSS and added a few more common default emoji fonts.
There was some talk of using named ranges but that doesn't seem to have gone anywhere. So, instead, I've extracted all the Emoji codepoints and manually grouped them. It's a pretty long sequence, and I'm sure I've made a few mistakes.
Finally, the body { font-family: "emoji", sans-serif; } tells the browser to use the Emoji font (remember, this will only work on the specified Unicode range) and then fall back to the defaults sans-serif font. Obviously, you can specify whatever fonts you like.
Can now select 5 "scale factors" for the size of the emojis, "Tiny" being the same size as default window text (which is normally indeed tiny for emojis)
Auto-stores these settings as well as the window dimensions (not position!)
Functionally the same (just clickable emojis in tabbed groups, display size and wait-time for restoring the X11 keyboard map configurable), but v0.2 has correct README info and build-fixes, so Qt tools are found without fiddling with make variables 🙈 so, use v0.2 😎
Thinking about what to include in #qxmoji v0.5. Many questions in mind...
I'll definitely "outscope" #l10n. Would be nice, but would also mean to import localized emoji names somehow (and, where to find them? 🤔)
For now:
🔹Unify persisting settings. history and window size are persisted on exit, wait time and display scale on every change. Not sure which one is the "better" approach...
🔹Should it be "single instance"? Should it offer an option for a "tray icon"?
🔹Add an "About dialog". Cause that's what you always do. 🙈
🔹Maybe find a way to speed up initial creation of the Emoji buttons?
🔹Anything else ...❓
🔹Add a "single instance" mode (configurable)
🔹Add a "tray icon" (configurable behavior)
🔹Add an "About" dialog
🔹Enforce using Qt's "xcb" platform
🔹Fix detaching on startup, add a flag (-d) to prevent it
Pretty usable as it is I hope ... although one could of course improve a lot (but have you heard of the 80-20-rule?) 🫣
Screenshot from #KDE this time, no particular reason, I'm still running #fvwm here 😎
I want there to be a bison emoji, for #chronicillness folks. And then we can offer a Higs, which is a very small hug, for people in tender states of pain and/or exhaustion.
Higs are technically Higs Bison hug particles, named after Petra Higs, who once soothed a chronically-ill bison with a very small hug.
I'm bummed that both #Arknights and #NeuralCloud react images are optimized for 150-400 px square images. That's ideal for react posts but they are unreadable as #emoji reactions. Sure, if you know what they are you might recognize them but without context, they are hard to interpret.
A few months ago I tried to track down the origin of this ADORABLE emote, and ran into dead ends and deleted discord threads. Ultimately I decided to re-create it in vector format so there's a high-quality version if anyone wants to use it.
Thanks to everyone who helped my search! If you do know the source, I'd love to credit them, and if they want me to remove this I will.
All Emoji-pickers are cursed, but there's a special place in hell for those that make you scroll through a bunch of premium emojis to get to the "free" ones
🆕 blog! “Happy 2nd Birthday to this Bitwarden bug!”
Exactly two years ago to the day, I reported a weird little emoji bug with Bitwarden. Let's say you want a password of: ✅🐎🔋📎 (As close as possible to Correct Horse Battery Staple) That works. Emoji are stored and retrieved correctly. You can use them with any system which supports them. But you can't view […]