For A Project™, I need to learn about the historical origins of #bitmap#fonts. Highly doubt these were first created on computers; where in the world have rectangular #tiles or #bricks carried a textual message? (The tiled signs in the #NYC subway are #mosaics, not based on a grid.) Where did bitmap fonts really start?
🆕 blog! “Use CSS to boost the font size of emoji with no extra markup”
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 […]
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.
Uploaded my first project to itch just now after “accidentally” making a pixel font while working on my tile editor this weekend. Not sure I’ll have a use for it soon, but thought someone else might be interested.
I was trying out JetBrains Rider again...
→ is an IDE, so primarily for looking at text
→ no support for BGR subpixel rendering, RGB only
→ no support for bitmap fonts
→ no way to adjust the font or the size of inlay hints
How can an IDE have such shitty text rendering? I don't want my code to look blurry.
Note: Visual Studio isn't any better, but VS Code is.
Love this font over the girls' entrance to the former Canning Place Public School on Saint James Road in the Townhead area of Glasgow. The range of different fonts used on old Glasgow school buildings is truly amazing.
Love the Art Nouveau font on this plate from a fountain on Saint James Street in Glasgow. William Annan was a publican and spirit merchant who donated several drinking fountains to Glasgow, the most ornate of which can be found at the top of Renfield Street. Annan died in 1915 and is buried in Sighthill Cemetery.
📗 The dated Lucida Grande was the Mac system font a decade ago and used for the docs on Mac (and only Mac). We now use the system font stack, to get a similar result to Linux, Windows, Android and iOS. https://systemfontstack.com
This font used on the gateposts of the former Haghill Public School in the East End of Glasgow is just superb.
Designed by A. Lindsay Miller and built in 1904, the school was demolished in 2022, but it's hoped some of the original features will be incorporated in the affordable housing planned for the site.
Maybe there's a #css#nerd among my friends who can answer the following question?
I use one specific #font for the #latin#character (s) on my #website and another for #thaiscript. The latter is specified via unicode-range: U+0E0x, U+0E1x, U+0E2x, U+0E3x, U+0E4x, U+0E5x, U+0E6x, U+0E7x; in my CSS.
However, the #thai characters look very small compared to the Latin characters.
Is there a way in which I could specify that all Thai characters throughout the site should be font-size: 140%;?
@bookstodon@bookwyrm
If you read large print or dyslexic font paperback books do you prefer this to be indicated on the cover (say on a banner at the top) to help you identify the accommodation?
I compiled a quick poll based on different perspectives I've read.
➡️ Please consider sharing to help me reach more readers.
@bookstodon many months ago I received feedback that some readers disliked how I labeled my large-font edition of Late Identified #AuDHD workbook. So I could do better, I asked.
The majority that participated reported they wanted the accommodation labeled on their paperback in a visible way.