Looking for better weather icons

Looking for better weather icons
0

#1

I am trying to use prettier weather icons than the ones OpenWeatherMap provides.
I have found this but it requires a link to a local file.

example: <link href="css/owfont-regular.css" rel="stylesheet" type="text/css">

CodePen requires a web address however. Is there a work around or another service I can take advantage of to get some decent looking icons? Any help is much appreciated!


#2

I used owfont on my weather application too. The icons offered by OpenWeatherMap are so ugly.
<link href="https://websygen.github.io/owfont/css/owfont-regular.css" rel="stylesheet" type="text/css">


#3

Hey, I personally used the weather icons by Josh Bader featured in the FCC example.[quote=“CoreyBurkhart, post:1, topic:26540”]
CodePen requires a web address however. Is there a work around or another service I can take advantage of to get some decent looking icons? Any help is much appreciated!
[/quote]

On the link you posted, you can download the owfont-regular.css. Put that on a cloud hosting service such as dropbox (that’s what I use) or onedrive etc. You will need to figure out a way to get to the exact file on the cloud, so if you host the css on dropbox you need to change the https://www.example to https://dl.example, or add ?raw=1 to the end. Also a lot of css libraries have their code hosted on a cdn somewhere, so see if you can find someone who is already hosting it for you like the link @eddyw posted.


#4

I ended up using some really cool animated icons – Skycons – from the Dark Sky Company.


#5

Oh man, i didn’t think of just linking the css file from github! thank you! I’m going to look into Skycons and others and find the best, linking with my google drive if necessary. Anything but those ugly OpenWeatherMap icons!

Thanks for the replies guys! I’m pumped to finish this app now :smiley:


#6

Thanks a lot! @eddyw