diff --git a/README.md b/README.md index 7e8e9c1..416c588 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,10 @@ to have access to "Roboto" font face: * `css/roboto-condensed/sass/roboto-condensed-fontface.scss` - whole font family in SCSS * `css/roboto-condensed/less/roboto-condensed-fontface.less` - whole font family in LESS +* `css/roboto-slab/roboto-slab-fontface.css` - whole font family compiled to CSS +* `css/roboto-slab/sass/roboto-slab-fontface.scss` - whole font family in SCSS +* `css/roboto-slab/less/roboto-slab-fontface.less` - whole font family in LESS + Importing whole family may be unnecessary and lead to huge build, so if you are using SCSS or LESS, you can import only individual weights by importing for example: diff --git a/css/roboto-slab/less/roboto-slab-fontface-bold.less b/css/roboto-slab/less/roboto-slab-fontface-bold.less new file mode 100644 index 0000000..8a318b8 --- /dev/null +++ b/css/roboto-slab/less/roboto-slab-fontface-bold.less @@ -0,0 +1,3 @@ +@import "../../mixins"; + +.roboto-font('Roboto-Slab','Bold', 700, normal); diff --git a/css/roboto-slab/less/roboto-slab-fontface-light.less b/css/roboto-slab/less/roboto-slab-fontface-light.less new file mode 100644 index 0000000..b18d8e9 --- /dev/null +++ b/css/roboto-slab/less/roboto-slab-fontface-light.less @@ -0,0 +1,3 @@ +@import "../../mixins"; + +.roboto-font('Roboto-Slab','Light', 300, normal); diff --git a/css/roboto-slab/less/roboto-slab-fontface-regular.less b/css/roboto-slab/less/roboto-slab-fontface-regular.less new file mode 100644 index 0000000..02ca51c --- /dev/null +++ b/css/roboto-slab/less/roboto-slab-fontface-regular.less @@ -0,0 +1,3 @@ +@import "../../mixins"; + +.roboto-font('Roboto-Slab','Regular', 400, normal); diff --git a/css/roboto-slab/less/roboto-slab-fontface-thin.less b/css/roboto-slab/less/roboto-slab-fontface-thin.less new file mode 100644 index 0000000..f5c6e04 --- /dev/null +++ b/css/roboto-slab/less/roboto-slab-fontface-thin.less @@ -0,0 +1,3 @@ +@import "../../mixins"; + +.roboto-font('Roboto-Slab','Thin', 100, normal); diff --git a/css/roboto-slab/less/roboto-slab-fontface.less b/css/roboto-slab/less/roboto-slab-fontface.less new file mode 100644 index 0000000..7a0530c --- /dev/null +++ b/css/roboto-slab/less/roboto-slab-fontface.less @@ -0,0 +1,4 @@ +@import "roboto-slab-fontface-regular"; +@import "roboto-slab-fontface-light"; +@import "roboto-slab-fontface-thin"; +@import "roboto-slab-fontface-bold"; diff --git a/css/roboto-slab/roboto-slab-fontface.css b/css/roboto-slab/roboto-slab-fontface.css new file mode 100644 index 0000000..ab29ee0 --- /dev/null +++ b/css/roboto-slab/roboto-slab-fontface.css @@ -0,0 +1,55 @@ +@font-face { + font-family: 'Roboto-Slab'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.eot'); + src: local('Roboto-Slab Thin'), local('Roboto-Slab-Thin'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab') format('svg'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Roboto-Slab-Thin'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.eot'); + src: local('Roboto-Slab Thin'), local('Roboto-Slab-Thin'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Thin.svg#Roboto-Slab') format('svg'); +} + +@font-face { + font-family: 'Roboto-Slab'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Light.eot'); + src: local('Roboto-Slab Light'), local('Roboto-Slab-Light'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab') format('svg'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Roboto-Slab-Light'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Light.eot'); + src: local('Roboto-Slab Light'), local('Roboto-Slab-Light'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Light.svg#Roboto-Slab') format('svg'); +} + +@font-face { + font-family: 'Roboto-Slab'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.eot'); + src: local('Roboto-Slab Regular'), local('Roboto-Slab-Regular'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab') format('svg'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Roboto-Slab-Regular'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.eot'); + src: local('Roboto-Slab Regular'), local('Roboto-Slab-Regular'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Regular.svg#Roboto-Slab') format('svg'); +} + +@font-face { + font-family: 'Roboto-Slab'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.eot'); + src: local('Roboto-Slab Bold'), local('Roboto-Slab-Bold'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab') format('svg'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Roboto-Slab-Bold'; + src: url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.eot'); + src: local('Roboto-Slab Bold'), local('Roboto-Slab-Bold'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.woff2') format('woff2'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.woff') format('woff'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.ttf') format('truetype'), url('../../fonts/Roboto-Slab/Roboto-Slab-Bold.svg#Roboto-Slab') format('svg'); +} diff --git a/css/roboto-slab/sass/roboto-slab-fontface-bold.scss b/css/roboto-slab/sass/roboto-slab-fontface-bold.scss new file mode 100644 index 0000000..7f6cc55 --- /dev/null +++ b/css/roboto-slab/sass/roboto-slab-fontface-bold.scss @@ -0,0 +1,3 @@ +@import "../../mixins"; + +@include roboto-font('Roboto-Slab','Bold', 700, normal); diff --git a/css/roboto-slab/sass/roboto-slab-fontface-light.scss b/css/roboto-slab/sass/roboto-slab-fontface-light.scss new file mode 100644 index 0000000..3defa23 --- /dev/null +++ b/css/roboto-slab/sass/roboto-slab-fontface-light.scss @@ -0,0 +1,3 @@ +@import "../../mixins"; + +@include roboto-font('Roboto-Slab','Light', 300, normal); diff --git a/css/roboto-slab/sass/roboto-slab-fontface-regular.scss b/css/roboto-slab/sass/roboto-slab-fontface-regular.scss new file mode 100644 index 0000000..5dc539f --- /dev/null +++ b/css/roboto-slab/sass/roboto-slab-fontface-regular.scss @@ -0,0 +1,3 @@ +@import "../../mixins"; + +@include roboto-font('Roboto-Slab','Regular', 400, normal); diff --git a/css/roboto-slab/sass/roboto-slab-fontface-thin.scss b/css/roboto-slab/sass/roboto-slab-fontface-thin.scss new file mode 100644 index 0000000..5737978 --- /dev/null +++ b/css/roboto-slab/sass/roboto-slab-fontface-thin.scss @@ -0,0 +1,3 @@ +@import "../../mixins"; + +@include roboto-font('Roboto-Slab','Thin', 100, normal); diff --git a/css/roboto-slab/sass/roboto-slab-fontface.scss b/css/roboto-slab/sass/roboto-slab-fontface.scss new file mode 100644 index 0000000..7a0530c --- /dev/null +++ b/css/roboto-slab/sass/roboto-slab-fontface.scss @@ -0,0 +1,4 @@ +@import "roboto-slab-fontface-regular"; +@import "roboto-slab-fontface-light"; +@import "roboto-slab-fontface-thin"; +@import "roboto-slab-fontface-bold"; diff --git a/fonts/Roboto-Slab/Roboto-Slab-Bold.eot b/fonts/Roboto-Slab/Roboto-Slab-Bold.eot new file mode 100644 index 0000000..c0bfca7 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Bold.eot differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Bold.svg b/fonts/Roboto-Slab/Roboto-Slab-Bold.svg new file mode 100644 index 0000000..0f6be84 --- /dev/null +++ b/fonts/Roboto-Slab/Roboto-Slab-Bold.svg @@ -0,0 +1,679 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf b/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf new file mode 100644 index 0000000..df5d1df Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Bold.ttf differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Bold.woff b/fonts/Roboto-Slab/Roboto-Slab-Bold.woff new file mode 100644 index 0000000..21296b0 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Bold.woff differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2 b/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2 new file mode 100644 index 0000000..5a9781f Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Bold.woff2 differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Light.eot b/fonts/Roboto-Slab/Roboto-Slab-Light.eot new file mode 100644 index 0000000..0c682a1 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Light.eot differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Light.svg b/fonts/Roboto-Slab/Roboto-Slab-Light.svg new file mode 100644 index 0000000..bb3ccea --- /dev/null +++ b/fonts/Roboto-Slab/Roboto-Slab-Light.svg @@ -0,0 +1,678 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/Roboto-Slab/Roboto-Slab-Light.ttf b/fonts/Roboto-Slab/Roboto-Slab-Light.ttf new file mode 100644 index 0000000..ccb99cd Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Light.ttf differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Light.woff b/fonts/Roboto-Slab/Roboto-Slab-Light.woff new file mode 100644 index 0000000..35b096d Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Light.woff differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Light.woff2 b/fonts/Roboto-Slab/Roboto-Slab-Light.woff2 new file mode 100644 index 0000000..defee0c Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Light.woff2 differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Regular.eot b/fonts/Roboto-Slab/Roboto-Slab-Regular.eot new file mode 100644 index 0000000..49f8985 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Regular.eot differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Regular.svg b/fonts/Roboto-Slab/Roboto-Slab-Regular.svg new file mode 100644 index 0000000..6b45ccf --- /dev/null +++ b/fonts/Roboto-Slab/Roboto-Slab-Regular.svg @@ -0,0 +1,678 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf b/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf new file mode 100644 index 0000000..eb52a79 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Regular.ttf differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Regular.woff b/fonts/Roboto-Slab/Roboto-Slab-Regular.woff new file mode 100644 index 0000000..f8efc2d Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Regular.woff differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2 b/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2 new file mode 100644 index 0000000..eb93aa0 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Regular.woff2 differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Thin.eot b/fonts/Roboto-Slab/Roboto-Slab-Thin.eot new file mode 100644 index 0000000..acfb365 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Thin.eot differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Thin.svg b/fonts/Roboto-Slab/Roboto-Slab-Thin.svg new file mode 100644 index 0000000..7ae3eaf --- /dev/null +++ b/fonts/Roboto-Slab/Roboto-Slab-Thin.svg @@ -0,0 +1,678 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf b/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf new file mode 100644 index 0000000..fee11da Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Thin.ttf differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Thin.woff b/fonts/Roboto-Slab/Roboto-Slab-Thin.woff new file mode 100644 index 0000000..a1654cc Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Thin.woff differ diff --git a/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2 b/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2 new file mode 100644 index 0000000..9f9ee07 Binary files /dev/null and b/fonts/Roboto-Slab/Roboto-Slab-Thin.woff2 differ diff --git a/test.html b/test.html index 3de80b5..485e277 100644 --- a/test.html +++ b/test.html @@ -5,6 +5,7 @@ Test Font Face + @@ -231,6 +249,39 @@ goodies that make writing CSS fun again. + +
+
+

I am RobotoSlab

+
+ CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty + goodies that make writing CSS fun again. +
+ +
+
+

I am RobotoSlab Light

+
+ CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty + goodies that make writing CSS fun again. +
+ +
+
+

I am RobotoSlab Bold

+
+ CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty + goodies that make writing CSS fun again. +
+ +
+
+

I am RobotoSlab Thin

+
+ CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty + goodies that make writing CSS fun again. +
+