Time and weather font

Resources Other
1

Right when I started I couldn’t find a decent monospaced font without a strike on the zero so I took my favourite at the time, Roboto Mono and edited it in FontForge.

The face by @petruuccios with watch hands as font characters got me thinking of other uses so the hunt began for a half decent weather set in SVG format. I found these: Free Set of 188 Weather Icons | PNG and SVG Formats

SVG images can be imported as font glyphs so I set about it on my font. I made some edits in Inkscape so I had distinct few/scattered/broken clouds.

Now, If I am using the font anyway for other text fields, I don’t need to import images for the various weather states. I can just use: $#WCCI#==1?ƀ:$$#WCCI#==2?Ɓ:$$#WCCI#==3?Ƃ:$$#WCCI#==4?ƃ:$$#WCCI#==9?Ƅ:$$#WCCI#==10?ƅ:$$#WCCI#==11?Ɔ:$$#WCCI#==13?Ƈ:$$#WCCI#==50?ƈ:$

I’ll make a new datestamped version for changes to the font I make so that if anyone does use it they know what is what.
https://www.dropbox.com/scl/fi/6lpkvfookrhpms8chjiea/RobotoMono-Bold-Bode_202411240100.ttf?rlkey=d165zoq7fyggqvkb02doxs5f9&dl=0
I have added a bunch of other images in there and using Word->Insert Symbol after installing the font in Windows will get you the copy/paste character:
image

I think it works OK.

8 Likes
2

That is great! It will make weather look much better.

And if you’re into LCD, this set of fonts also includes an weather font set to simulate LCD.

5 Likes
3

Niiice! DSEG acquired.

2 Likes
4

Nice Font

3 Likes
5

You guys are amazing . Topic Bookmarked .

3 Likes
6

Thank you so so so much. This is a godsend! My question is, how does one use full colour weather icons using this method?

3 Likes
7

I think you meant like golden sun, blue rain drops, gray shaded clouds etc.
With facer we can not use the colored fonts (even those have limited color resolution), only BW .ttf

If the icons were cut out from square boxes, the font could be used as mask above colorful background, but that is something different.
Wheather HD px | FontStruct

4 Likes
8

I did a bit of research here and found a few sites where it is easier to find free weather images than sites that use the free keyword because they have one image in the forest of paid. You can drop the stock weather element in and replace each of the images with your own I think. They have static ones too.

2 Likes
9

And now for something completely different.
Well BIGGER

Nerd Fonts. These are sets of fonts that people have crammed with hundreds of glyphs. Making the face below the bulk of the time was scrolling through the character map picking the most promising looking for Facer, so you don’t have to. You can find my copy paste sheet here: Dropbox

image
image721×574 20.9 KB

Not all of these will work on the face but if you take a copy you can whittle it down further while adding your own favourites.

‘Where can I find this wonder font?’ I hear you ask. Well there are a shed load of them with different base styles but the same mahoosive glyph set bolted on: Nerd Fonts - Iconic font aggregator, glyphs/icons collection, & fonts patcher
Have fun.

And, I think I am the first to publish a face that uses nothing but a single font?

2 Likes
10

I think it is great what you achieved and shared. Link bookmarked :slight_smile:

But to avoid using unknown characters and always attaching whole package of unused glyphs, I would still prefer having multiple, purpose-built fonts, that cover one topic each (like battery, moon phase, weather, fitness etc.) and rely only on the basic character set, so I do not have to pick them from deep down below from character map, because I don’t even know how to write them on my keyboard.

2 Likes
11

That’s why I spent the time making an index document and sharing it on dropbox so the characters could be copy pasted.

I only used a fraction that I thought might be useful on watches and it still needs trimming to those that actually display on a watch.

The other thing I love about font glyphs over images/stickers is that you get the AOD colour for free without an additional element.

The Nerd Font site does tell you how to go about selecting your own glyph sets and attaching them to a font though, so that could be useful to make your own FaveFont+Weather, FaveFont+Sensors or something. Or just a FaveFont+FacerFaves.

Back on inserting them I can only remember ° as ALT+0176. Generally I will use Word and Insert Symbol but just the Windows Character map works as a glyph browser. Scrolling 550 glyphs is a chore though, hence the visual index document to copy from.

1 Like