Page 1 of 1

WeatherIcons

Posted: February 17th, 2020, 4:05 pm
by CoffeeJoe
I'm sure many folks have already seen this, but I stumbled on it and wanted to share.

https://erikflowers.github.io/weather-icons/

With this font my Icon meter is a String Meter that has the Unicode for whatever the icon is.
I didn't parse all the icons in the font but see the attached pdf for the ones i have parsed so far.


Icons.png

Re: WeatherIcons

Posted: February 17th, 2020, 4:24 pm
by jsmorley
Very nice find!

Re: WeatherIcons

Posted: February 17th, 2020, 5:06 pm
by SilverAzide
It's even got weather icons for meteors and aliens, so it's perfect! I hate it when there's a meteor strike or an alien attack and all I have to show on my weather widget is a lame cloud icon.

Re: WeatherIcons

Posted: February 17th, 2020, 6:53 pm
by CoffeeJoe
No aliens or Meteors but almost as useful - I also found (I'm only using it for speaker icons so far)
https://www.elegantthemes.com/blog/resources/elegant-icon-font

Image

Re: WeatherIcons

Posted: February 17th, 2020, 8:02 pm
by balala
CoffeeJoe wrote: February 17th, 2020, 6:53 pm No aliens or Meteors but almost as useful - I also found (I'm only using it for speaker icons so far)
There are a lot of such kind of fonts. For instance:
https://www.dafont.com/ll-record.font
https://www.dafont.com/social-circles.font (useful for media player buttons)
https://www.dafont.com/eu-sym.font
and so on...

Re: WeatherIcons

Posted: February 18th, 2020, 1:14 pm
by CoffeeJoe
MiniMeters.png
Working on tiny Skins using these icons - If anyone does the work of parsing the Unicode for any more of these please share. Currently the speaker icons are just x,y, z in the Elegant Font so its easy enough for them.

Re: WeatherIcons

Posted: February 18th, 2020, 1:46 pm
by jsmorley
If you get dp4 Font Viewer and install it, you can pretty easily view all the glyphs supported by the font, and the Unicode number you need to use in Character Variables.



1.png

2.png

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[Variables]

[MeterAtom]
Meter=String
FontFace=ElegantIcons
FontSize=50
FontWeight=400
FontColor=255,255,255,255
SolidColor=47,47,47,1
Padding=5,5,5,5
AntiAlias=1
Text=[\xE00A]

3.png

4.png

Re: WeatherIcons

Posted: February 18th, 2020, 3:49 pm
by SilverAzide
I noticed that if you dig around in the CSS files, the author has already gone to the effort of mapping the Unicode numbers to Yahoo's weather icon numbers (and OpenWeatherMap, etc.). The Yahoo numbers are pretty close to weather.com's icon numbers, so a good portion of the work has already been done to map the font characters to the TWC icons.