openstack/deb-python-xstatic-roboto-fontface
Code Issues Proposed changes

Merge tag 'v0.5.0' into develop

Browse Source 
Version 0.5.0
This commit is contained in:
Christian Hoffmeister 2016-06-08 11:53:47 +02:00
commit 121643336e
12 changed files with 50 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
README.md
View File

@ -20,21 +20,19 @@ $ bower install roboto-fontface --save
There're several files in the `css/` subdirectory. Import them in your project There're several files in the `css/` subdirectory. Import them in your project
to have access to "Roboto" font face: to have access to "Roboto" font face:
* `roboto-fontface.css` - whole font family compiled to CSS * `css/roboto/roboto-fontface.css` - whole font family compiled to CSS
* `sass/roboto-fontface.scss` - whole font family in SCSS * `css/roboto/sass/roboto-fontface.scss` - whole font family in SCSS
* `less/roboto-fontface.less` - whole font family in LESS * `css/roboto/less/roboto-fontface.less` - whole font family in LESS
* `css/roboto-condensed/roboto-condensed-fontface.css` - whole font family compiled to CSS
* `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
Importing whole family may be unnecessary and lead to huge build, so if you are 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 one using SCSS or LESS, you can import only individual weights by importing for example:
of the following files:
* `roboto-fontface-(thin|light|regular|medium|bold|black).scss` * `css/roboto/sass/roboto-fontface-black.scss`
* `roboto-fontface-(thin|light|regular|medium|bold|black).less` * `css/roboto/sass/roboto-fontface-black-italic.scss`
Their italic variants can be imported by adding `-italic` suffix:
* `roboto-fontface-(thin|light|regular|medium|bold|black)-italic.scss`
* `roboto-fontface-(thin|light|regular|medium|bold|black)-italic.less`
## Hinting ## Hinting

4
bower.json
View File

@ -1,7 +1,7 @@
{ {
"name": "roboto-fontface", "name": "roboto-fontface",
"description": "A simple package providing the Roboto fontface.", "description": "A simple package providing the Roboto fontface.",
"version": "0.4.5", "version": "0.5.0",
"main": [ "main": [
"./css/roboto/roboto-fontface.css", "./css/roboto/roboto-fontface.css",
"./css/roboto-condensed/roboto-condensed-fontface.css", "./css/roboto-condensed/roboto-condensed-fontface.css",
@ -15,4 +15,4 @@
"test", "test",
"tests" "tests"
] ]
} }

4
css/mixins.less
View File

@ -1,9 +1,9 @@
@roboto-font-path: '../../../fonts'; @roboto-font-path: '../../../fonts';
.roboto-font(@variant, @type, @weight, @style) { .roboto-font(@variant, @type, @weight, @style) {
@font-full-path: '@{roboto-font-path}/@{variant}/@{variant}'; @font-full-path: '@{roboto-font-path}/@{variant}/@{variant}';
@font-face { @font-face {
font-family: '@{variant}'; font-family: '@{variant}';
src: url('@{font-full-path}-@{type}.eot'); src: url('@{font-full-path}-@{type}.eot');

4
css/mixins.scss
View File

@ -1,9 +1,9 @@
$roboto-font-path: '../../../fonts' !default; $roboto-font-path: '../../../fonts' !default;
@mixin roboto-font($variant, $type, $weight, $style) { @mixin roboto-font($variant, $type, $weight, $style) {
$font-full-path: '#{$roboto-font-path}/#{$variant}/#{$variant}'; $font-full-path: '#{$roboto-font-path}/#{$variant}/#{$variant}';
@font-face { @font-face {
font-family: '#{$variant}'; font-family: '#{$variant}';
src: url('#{$font-full-path}-#{$type}.eot'); src: url('#{$font-full-path}-#{$type}.eot');

4
css/roboto-condensed/less/roboto-condensed-fontface.less
View File

@ -1,6 +1,6 @@
@import "roboto-condensed-fontface-regular"; @import "roboto-condensed-fontface-regular";
@import "roboto-condensed-fontface-regular-italic"; @import "roboto-condensed-fontface-regular-italic";
@import "roboto-condensed-fontface-light"; @import "roboto-condensed-fontface-light";
@import "roboto-condensed-fontface-light-italic"; @import "roboto-condensed-fontface-light-italic";
@import "roboto-condensed-fontface-bold"; @import "roboto-condensed-fontface-bold";
@import "roboto-condensed-fontface-bold-italic"; @import "roboto-condensed-fontface-bold-italic";

2
css/roboto-condensed/roboto-condensed-fontface.css
View File

@ -80,4 +80,4 @@
font-family: "Roboto-Condensed-BoldItalic"; font-family: "Roboto-Condensed-BoldItalic";
src: url("../../fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot"); src: url("../../fonts/Roboto-Condensed/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot");
src: local("Roboto-Condensed BoldItalic"), local("Roboto-Condensed-BoldItalic"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff") format("woff"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf") format("truetype"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed") format("svg"); src: local("Roboto-Condensed BoldItalic"), local("Roboto-Condensed-BoldItalic"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.woff") format("woff"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.ttf") format("truetype"), url("../../fonts/Roboto-Condensed/Roboto-Condensed-BoldItalic.svg#Roboto-Condensed") format("svg");
} }

2
css/roboto-condensed/sass/roboto-condensed-fontface.scss
View File

@ -1,6 +1,6 @@
@import "roboto-condensed-fontface-regular"; @import "roboto-condensed-fontface-regular";
@import "roboto-condensed-fontface-regular-italic"; @import "roboto-condensed-fontface-regular-italic";
@import "roboto-condensed-fontface-light"; @import "roboto-condensed-fontface-light";
@import "roboto-condensed-fontface-light-italic"; @import "roboto-condensed-fontface-light-italic";
@import "roboto-condensed-fontface-bold"; @import "roboto-condensed-fontface-bold";
@import "roboto-condensed-fontface-bold-italic"; @import "roboto-condensed-fontface-bold-italic";

8
css/roboto/less/roboto-fontface.less
View File

@ -1,12 +1,12 @@
@import "roboto-fontface-regular"; @import "roboto-fontface-regular";
@import "roboto-fontface-regular-italic"; @import "roboto-fontface-regular-italic";
@import "roboto-fontface-light"; @import "roboto-fontface-light";
@import "roboto-fontface-light-italic"; @import "roboto-fontface-light-italic";
@import "roboto-fontface-thin"; @import "roboto-fontface-thin";
@import "roboto-fontface-thin-italic"; @import "roboto-fontface-thin-italic";
@import "roboto-fontface-medium"; @import "roboto-fontface-medium";
@import "roboto-fontface-medium-italic"; @import "roboto-fontface-medium-italic";
@import "roboto-fontface-bold"; @import "roboto-fontface-bold";
@import "roboto-fontface-bold-italic"; @import "roboto-fontface-bold-italic";
@import "roboto-fontface-black"; @import "roboto-fontface-black";
@import "roboto-fontface-black-italic"; @import "roboto-fontface-black-italic";

2
css/roboto/roboto-fontface.css
View File

@ -164,4 +164,4 @@
font-family: 'Roboto-BlackItalic'; font-family: 'Roboto-BlackItalic';
src: url('../../fonts/roboto/Roboto-BlackItalic.eot'); src: url('../../fonts/roboto/Roboto-BlackItalic.eot');
src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../../fonts/roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BlackItalic.woff') format('woff'), url('../../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype'), url('../../fonts/roboto/Roboto-BlackItalic.svg#Roboto') format('svg'); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../../fonts/roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BlackItalic.woff') format('woff'), url('../../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype'), url('../../fonts/roboto/Roboto-BlackItalic.svg#Roboto') format('svg');
} }

6
css/roboto/sass/roboto-fontface.scss
View File

@ -1,11 +1,11 @@
@import "roboto-fontface-regular"; @import "roboto-fontface-regular";
@import "roboto-fontface-regular-italic"; @import "roboto-fontface-regular-italic";
@import "roboto-fontface-light"; @import "roboto-fontface-light";
@import "roboto-fontface-light-italic"; @import "roboto-fontface-light-italic";
@import "roboto-fontface-thin"; @import "roboto-fontface-thin";
@import "roboto-fontface-thin-italic"; @import "roboto-fontface-thin-italic";
@import "roboto-fontface-medium"; @import "roboto-fontface-medium";
@import "roboto-fontface-medium-italic"; @import "roboto-fontface-medium-italic";
@import "roboto-fontface-bold"; @import "roboto-fontface-bold";
@import "roboto-fontface-bold-italic"; @import "roboto-fontface-bold-italic";
@import "roboto-fontface-black"; @import "roboto-fontface-black";

4
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "roboto-fontface", "name": "roboto-fontface",
"version": "0.4.5", "version": "0.5.0",
"description": "A simple package providing the Roboto fontface.", "description": "A simple package providing the Roboto fontface.",
"main": "css/roboto/roboto-fontface.css", "main": "css/roboto/roboto-fontface.css",
"scripts": { "scripts": {
@ -25,4 +25,4 @@
"less": "2.6.0", "less": "2.6.0",
"node-sass": "3.4.2" "node-sass": "3.4.2"
} }
} }

40
test.html
View File

@ -9,7 +9,7 @@
body { body {
background: #F2F2F2; background: #F2F2F2;
} }
.test-header { .test-header {
text-align: center; text-align: center;
font-family: 'Roboto-Black'; font-family: 'Roboto-Black';
@ -17,79 +17,79 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.test-header h1 { .test-header h1 {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
section { section {
padding: 2% 10%; padding: 2% 10%;
margin: 0 auto; margin: 0 auto;
} }
/*Roboto*/ /*Roboto*/
.roboto { .roboto {
font-family: 'Roboto'; font-family: 'Roboto';
} }
.roboto-italic { .roboto-italic {
font-family: 'Roboto-RegularItalic'; font-family: 'Roboto-RegularItalic';
} }
.roboto-light { .roboto-light {
font-family: 'Roboto-Light'; font-family: 'Roboto-Light';
} }
.roboto-light-italic { .roboto-light-italic {
font-family: 'Roboto-LightItalic'; font-family: 'Roboto-LightItalic';
} }
.roboto-bold { .roboto-bold {
font-family: 'Roboto-Bold'; font-family: 'Roboto-Bold';
} }
.roboto-bold-italic { .roboto-bold-italic {
font-family: 'Roboto-BoldItalic'; font-family: 'Roboto-BoldItalic';
} }
.roboto-medium { .roboto-medium {
font-family: 'Roboto-Medium'; font-family: 'Roboto-Medium';
} }
.roboto-medium-italic { .roboto-medium-italic {
font-family: 'Roboto-MediumItalic'; font-family: 'Roboto-MediumItalic';
} }
.roboto-thin { .roboto-thin {
font-family: 'Roboto-Thin'; font-family: 'Roboto-Thin';
} }
.roboto-thin-italic { .roboto-thin-italic {
font-family: 'Roboto-ThinItalic'; font-family: 'Roboto-ThinItalic';
} }
/*Roboto Condensed*/ /*Roboto Condensed*/
.roboto-condensed { .roboto-condensed {
font-family: 'Roboto-Condensed'; font-family: 'Roboto-Condensed';
} }
.roboto-condensed-italic { .roboto-condensed-italic {
font-family: 'Roboto-Condensed-RegularItalic'; font-family: 'Roboto-Condensed-RegularItalic';
} }
.roboto-condensed-light { .roboto-condensed-light {
font-family: 'Roboto-Condensed-Light'; font-family: 'Roboto-Condensed-Light';
} }
.roboto-condensed-light-italic { .roboto-condensed-light-italic {
font-family: 'Roboto-Condensed-LightItalic'; font-family: 'Roboto-Condensed-LightItalic';
} }
.roboto-condensed-bold { .roboto-condensed-bold {
font-family: 'Roboto-Condensed-Bold'; font-family: 'Roboto-Condensed-Bold';
} }
.roboto-condensed-bold-italic { .roboto-condensed-bold-italic {
font-family: 'Roboto-Condensed-BoldItalic'; font-family: 'Roboto-Condensed-BoldItalic';
} }
@ -234,4 +234,4 @@
</body> </body>
</html> </html>