diff --git a/README.md b/README.md index 837b5ca..54d42ec 100644 --- a/README.md +++ b/README.md @@ -1,27 +1,27 @@ # Weather Icons -*Version Beta 1 - August 3rd 2013* +*Version 1.2 - June 1st, 2014* ## A free, open source icon-font of Weather icons -Weather Icons is a font of 92 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com) or any other project. +Weather Icons is a font of 123 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com) or any other project. -Inspired by [Font Awesome](http://fontawesome.io/), They work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element: +Inspired by [Font Awesome](http://fontawesome.io/), They work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the base class and the specific icon class to an "i" element: -```` +```` At this time, there are no other effects/mixins to do advanced icon manipulation yet. ####[View demo and full icon reference](http://erikflowers.github.io/weather-icons/) ## Getting Started -Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../font/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less +Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less Include in your main .less file `weather-icons/weather-icons.less` and that is all you need to do. #### CSS Only Method If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder. *If you are not familiar with using Bootstrap, or using Bootstrap in the precompiled Less mode, I would reccommend you give it a try)* -## Version Beta 1 +## Version 1.2 This is my first attempt at a [Bootstrap](http://www.getbootstrap.com) and/or web ready icon-font, so there will be updates and improvements. It is best to download the [repo](http://www.github.com/erikflowers/weather-icons) from Github if you want to keep up to date. Please report any issues or requests to the repository here The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artill). The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by [me (Erik)](http://www.helloerik.com). diff --git a/bower.json b/bower.json index 19c9262..12751d9 100755 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "weather-icons", - "version": "0.0.1", + "version": "1.2", "homepage": "http://erikflowers.github.io/weather-icons/", "keywords": [ "css", "icon-font", "weather", "icon", "icons" @@ -8,7 +8,7 @@ "authors": [ "Erik Flowers " ], - "description": "92 weather themed icons inspired by Font Awesome and ready for Bootstrap", + "description": "123 weather themed icons inspired by Font Awesome and ready for Bootstrap", "license": "MIT", "main": [ "./css/weather-icons.css", diff --git a/css/README.md b/css/README.md index 0face68..7fe1e61 100644 --- a/css/README.md +++ b/css/README.md @@ -1,4 +1,4 @@ # Weather Icons -*Version Beta 1 - August 3rd 2013* +*Version 1.2 - June 1st 2014* If you want to just include the CSS itself, just reference this file. Make sure you have the `font` folder that holds all the font files a level above the CSS folder. If you want to change it, you'll have to edit it in the source. \ No newline at end of file diff --git a/css/weather-icons.css b/css/weather-icons.css index 2fc851d..64c6e91 100644 --- a/css/weather-icons.css +++ b/css/weather-icons.css @@ -1,8 +1,8 @@ /*! - * Weather Icons Beta 1 + * Weather Icons 1.1 * Weather themed icons for Bootstrap * ------------------------------------------------------------------------------ - * Maintained at http://erikflowers.github.io/weather-icons +* Maintained at http://erikflowers.github.io/weather-icons * http://twitter.com/Erik_UX * * License @@ -17,37 +17,25 @@ * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com - * Weather Icons gives full credit for inspiration to Font Awesome and makes no - * claim to invention, intellectual property, or ownership of methodology. - * - * Support Open Source! - * * ------------------------------------------------------------------------------ * Email: erik@helloerik.com * Twitter: http://twitter.com/Erik_UX */ @font-face { - font-family: 'weather'; - src: url('../font/weathericons-regular-webfont.eot'); - src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); + font-family: 'weathericons'; + src: url('../fonts/weathericons-regular-webfont.eot'); + src: url('../fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weathericons-regular-webfont.woff') format('woff'), url('../fonts/weathericons-regular-webfont.ttf') format('truetype'), url('../fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); font-weight: normal; font-style: normal; } -[class^="wi-"], -[class*=" wi-"] { - font-family: weather; - font-weight: normal; +.wi { + display: inline-block; + font-family: 'weathericons'; font-style: normal; - text-decoration: inherit; - text-transform: none; + font-weight: normal; + line-height: 1; -webkit-font-smoothing: antialiased; - *margin-right: .3em; -} -[class^="wi-"]:before, -[class*=" wi-"]:before { - text-decoration: inherit; - display: inline-block; - speak: none; + -moz-osx-font-smoothing: grayscale; } .wi-day-cloudy-gusts:before { content: "\f000"; @@ -220,7 +208,7 @@ .wi-night-thunderstorm:before { content: "\f03b"; } -.wi-celcius:before { +.wi-celsius:before { content: "\f03c"; } .wi-cloud-down:before { @@ -301,27 +289,123 @@ .wi-up:before { content: "\f058"; } -.wi-wind-east:before { +.wi-wind-west:before { content: "\f059"; } -.wi-wind-north-east:before { +.wi-wind-south-west:before { content: "\f05a"; } -.wi-wind-north-west:before { +.wi-wind-south-east:before { content: "\f05b"; } -.wi-wind-north:before { +.wi-wind-south:before { content: "\f05c"; } -.wi-wind-south-east:before { +.wi-wind-north-west:before { content: "\f05d"; } -.wi-wind-south-west:before { +.wi-wind-north-east:before { content: "\f05e"; } -.wi-wind-south:before { +.wi-wind-north:before { content: "\f060"; } -.wi-wind-west:before { +.wi-wind-east:before { content: "\f061"; } +.wi-smoke:before { + content: "\f062"; +} +.wi-dust:before { + content: "\f063"; +} +.wi-snow-wind:before { + content: "\f064"; +} +.wi-day-snow-wind:before { + content: "\f065"; +} +.wi-night-snow-wind:before { + content: "\f066"; +} +.wi-night-alt-snow-wind:before { + content: "\f067"; +} +.wi-day-sleet-storm:before { + content: "\f068"; +} +.wi-night-sleet-storm:before { + content: "\f069"; +} +.wi-night-alt-sleet-storm:before { + content: "\f06a"; +} +.wi-day-snow-thunderstorm:before { + content: "\f06b"; +} +.wi-night-snow-thunderstorm:before { + content: "\f06c"; +} +.wi-night-alt-snow-thunderstorm:before { + content: "\f06d"; +} +.wi-solar-eclipse:before { + content: "\f06e"; +} +.wi-lunar-eclipse:before { + content: "\f070"; +} +.wi-meteor:before { + content: "\f071"; +} +.wi-hot:before { + content: "\f072"; +} +.wi-hurricane:before { + content: "\f073"; +} +.wi-smog:before { + content: "\f074"; +} +.wi-alien:before { + content: "\f075"; +} +.wi-snowflake-cold:before { + content: "\f076"; +} +.wi-stars:before { + content: "\f077"; +} +.wi-moon-full:before { + content: "\f078"; +} +.wi-moon-waxing-gibbous:before { + content: "\f079"; +} +.wi-moon-waxing-quarter:before { + content: "\f07a"; +} +.wi-moon-waxing-crescent:before { + content: "\f07b"; +} +.wi-moon-young:before { + content: "\f07c"; +} +.wi-moon-new:before { + content: "\f07d"; +} +.wi-moon-old:before { + content: "\f07e"; +} +.wi-moon-waning-crescent:before { + content: "\f080"; +} +.wi-moon-waning-quarter:before { + content: "\f081"; +} +.wi-moon-waning-gibbous:before { + content: "\f082"; +} +.wi-night-partly-cloudy:before { + content: "\f083"; +} diff --git a/css/weather-icons.min.css b/css/weather-icons.min.css index 9074b32..1502e11 100644 --- a/css/weather-icons.min.css +++ b/css/weather-icons.min.css @@ -1,8 +1,8 @@ /*! - * Weather Icons Beta 1 + * Weather Icons 1.1 * Weather themed icons for Bootstrap * ------------------------------------------------------------------------------ - * Maintained at http://erikflowers.github.io/weather-icons +* Maintained at http://erikflowers.github.io/weather-icons * http://twitter.com/Erik_UX * * License @@ -17,12 +17,7 @@ * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com - * Weather Icons gives full credit for inspiration to Font Awesome and makes no - * claim to invention, intellectual property, or ownership of methodology. - * - * Support Open Source! - * * ------------------------------------------------------------------------------ * Email: erik@helloerik.com * Twitter: http://twitter.com/Erik_UX - */@font-face{font-family:weather;src:url(../font/weathericons-regular-webfont.eot);src:url(../font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/weathericons-regular-webfont.woff) format('woff'),url(../font/weathericons-regular-webfont.ttf) format('truetype'),url(../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}[class^=wi-],[class*=" wi-"]{font-family:weather;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^=wi-]:before,[class*=" wi-"]:before{text-decoration:inherit;display:inline-block;speak:none}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-cloudy:before{content:"\f002"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-rain:before{content:"\f008"}.wi-day-showers:before{content:"\f009"}.wi-day-snow:before{content:"\f00a"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-sunny:before{content:"\f00d"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-thunderstorm:before{content:"\f010"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-cloudy:before{content:"\f013"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-lightning:before{content:"\f016"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-rain:before{content:"\f019"}.wi-showers:before{content:"\f01a"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-windy:before{content:"\f021"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-clear:before{content:"\f02e"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-cloudy:before{content:"\f031"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-rain:before{content:"\f036"}.wi-night-showers:before{content:"\f037"}.wi-night-snow:before{content:"\f038"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-celcius:before{content:"\f03c"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-refresh:before{content:"\f03e"}.wi-cloud-up:before{content:"\f040"}.wi-cloud:before{content:"\f041"}.wi-degrees:before{content:"\f042"}.wi-down-left:before{content:"\f043"}.wi-down:before{content:"\f044"}.wi-fahrenheit:before{content:"\f045"}.wi-horizon-alt:before{content:"\f046"}.wi-horizon:before{content:"\f047"}.wi-left:before{content:"\f048"}.wi-lightning:before{content:"\f016"}.wi-night-fog:before{content:"\f04a"}.wi-refresh-alt:before{content:"\f04b"}.wi-refresh:before{content:"\f04c"}.wi-right:before{content:"\f04d"}.wi-sprinkles:before{content:"\f04e"}.wi-strong-wind:before{content:"\f050"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-thermometer:before{content:"\f055"}.wi-tornado:before{content:"\f056"}.wi-up-right:before{content:"\f057"}.wi-up:before{content:"\f058"}.wi-wind-east:before{content:"\f059"}.wi-wind-north-east:before{content:"\f05a"}.wi-wind-north-west:before{content:"\f05b"}.wi-wind-north:before{content:"\f05c"}.wi-wind-south-east:before{content:"\f05d"}.wi-wind-south-west:before{content:"\f05e"}.wi-wind-south:before{content:"\f060"}.wi-wind-west:before{content:"\f061"} \ No newline at end of file + */@font-face{font-family:weathericons;src:url(../fonts/weathericons-regular-webfont.eot);src:url(../fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/weathericons-regular-webfont.woff) format('woff'),url(../fonts/weathericons-regular-webfont.ttf) format('truetype'),url(../fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-cloudy:before{content:"\f002"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-rain:before{content:"\f008"}.wi-day-showers:before{content:"\f009"}.wi-day-snow:before{content:"\f00a"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-sunny:before{content:"\f00d"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-thunderstorm:before{content:"\f010"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-cloudy:before{content:"\f013"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-lightning:before{content:"\f016"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-rain:before{content:"\f019"}.wi-showers:before{content:"\f01a"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-windy:before{content:"\f021"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-clear:before{content:"\f02e"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-cloudy:before{content:"\f031"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-rain:before{content:"\f036"}.wi-night-showers:before{content:"\f037"}.wi-night-snow:before{content:"\f038"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-celsius:before{content:"\f03c"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-refresh:before{content:"\f03e"}.wi-cloud-up:before{content:"\f040"}.wi-cloud:before{content:"\f041"}.wi-degrees:before{content:"\f042"}.wi-down-left:before{content:"\f043"}.wi-down:before{content:"\f044"}.wi-fahrenheit:before{content:"\f045"}.wi-horizon-alt:before{content:"\f046"}.wi-horizon:before{content:"\f047"}.wi-left:before{content:"\f048"}.wi-lightning:before{content:"\f016"}.wi-night-fog:before{content:"\f04a"}.wi-refresh-alt:before{content:"\f04b"}.wi-refresh:before{content:"\f04c"}.wi-right:before{content:"\f04d"}.wi-sprinkles:before{content:"\f04e"}.wi-strong-wind:before{content:"\f050"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-thermometer:before{content:"\f055"}.wi-tornado:before{content:"\f056"}.wi-up-right:before{content:"\f057"}.wi-up:before{content:"\f058"}.wi-wind-west:before{content:"\f059"}.wi-wind-south-west:before{content:"\f05a"}.wi-wind-south-east:before{content:"\f05b"}.wi-wind-south:before{content:"\f05c"}.wi-wind-north-west:before{content:"\f05d"}.wi-wind-north-east:before{content:"\f05e"}.wi-wind-north:before{content:"\f060"}.wi-wind-east:before{content:"\f061"}.wi-smoke:before{content:"\f062"}.wi-dust:before{content:"\f063"}.wi-snow-wind:before{content:"\f064"}.wi-day-snow-wind:before{content:"\f065"}.wi-night-snow-wind:before{content:"\f066"}.wi-night-alt-snow-wind:before{content:"\f067"}.wi-day-sleet-storm:before{content:"\f068"}.wi-night-sleet-storm:before{content:"\f069"}.wi-night-alt-sleet-storm:before{content:"\f06a"}.wi-day-snow-thunderstorm:before{content:"\f06b"}.wi-night-snow-thunderstorm:before{content:"\f06c"}.wi-night-alt-snow-thunderstorm:before{content:"\f06d"}.wi-solar-eclipse:before{content:"\f06e"}.wi-lunar-eclipse:before{content:"\f070"}.wi-meteor:before{content:"\f071"}.wi-hot:before{content:"\f072"}.wi-hurricane:before{content:"\f073"}.wi-smog:before{content:"\f074"}.wi-alien:before{content:"\f075"}.wi-snowflake-cold:before{content:"\f076"}.wi-stars:before{content:"\f077"}.wi-moon-full:before{content:"\f078"}.wi-moon-waxing-gibbous:before{content:"\f079"}.wi-moon-waxing-quarter:before{content:"\f07a"}.wi-moon-waxing-crescent:before{content:"\f07b"}.wi-moon-young:before{content:"\f07c"}.wi-moon-new:before{content:"\f07d"}.wi-moon-old:before{content:"\f07e"}.wi-moon-waning-crescent:before{content:"\f080"}.wi-moon-waning-quarter:before{content:"\f081"}.wi-moon-waning-gibbous:before{content:"\f082"}.wi-night-partly-cloudy:before{content:"\f083"} \ No newline at end of file diff --git a/font/WeatherIcons-Regular.otf b/font/WeatherIcons-Regular.otf new file mode 100644 index 0000000..ed3d7dd Binary files /dev/null and b/font/WeatherIcons-Regular.otf differ diff --git a/font/weathericons-regular-webfont.eot b/font/weathericons-regular-webfont.eot index d9f8a71..3ae46ac 100755 Binary files a/font/weathericons-regular-webfont.eot and b/font/weathericons-regular-webfont.eot differ diff --git a/font/weathericons-regular-webfont.svg b/font/weathericons-regular-webfont.svg index 9c8d899..224188d 100755 --- a/font/weathericons-regular-webfont.svg +++ b/font/weathericons-regular-webfont.svg @@ -3,7 +3,7 @@ - + @@ -25,97 +25,129 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/weathericons-regular-webfont.ttf b/font/weathericons-regular-webfont.ttf index e10fbc8..8d8a1c4 100755 Binary files a/font/weathericons-regular-webfont.ttf and b/font/weathericons-regular-webfont.ttf differ diff --git a/font/weathericons-regular-webfont.woff b/font/weathericons-regular-webfont.woff index af1d7bb..87f3070 100755 Binary files a/font/weathericons-regular-webfont.woff and b/font/weathericons-regular-webfont.woff differ