search

eklem / yr-icons

Weather symbols from Yr.no's weather forecast api. Delivered as monochrome Web font.
MIT License
1 stars 0 forks source link

Create a font for wind arrows #1

Closed eklem closed 3 years ago

eklem commented 3 years ago

Should follow Beaufort scale levels and follow the core design of Yr's own arrows:

Vindstille 0000 0025 0050 0075 0100 0200 etc...

The direction can be done through css rotation classes, matching what's output from Yr's APIs, so it's easy to template.

eklem commented 3 years ago

Here are the arrow types that needs to be supported: https://hjelp.yr.no/hc/no/articles/360002022134-Vindpiler-og-Beaufortskalaen

eklem commented 3 years ago

Got the basics working. Just need to make 12 arrows and one circle, then fontify it.

Screenshot 2020-10-17 at 10 50 50
eklem commented 3 years ago

Check if uploading SVGs to https://fontello.com/ to get a start on creating the font and CSS will work.

eklem commented 3 years ago

CSS

transform: rotate(90deg);