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

Use local font if available 

Closes #20
This commit is contained in:
Christian Hoffmeister 2015-08-11 12:33:34 +02:00
parent 833394f399
commit a72f03453f
3 changed files with 85 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
css/roboto-fontface.css
View File

@ -1,7 +1,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Thin.eot');
src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Thin'),
local('Roboto-Thin'),
url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Thin.woff2') format('woff2'),
url('../fonts/Roboto-Thin.woff') format('woff'),
url('../fonts/Roboto-Thin.ttf') format('truetype'),
@ -13,7 +15,9 @@
@font-face {
font-family: 'Roboto-Thin';
src: url('../fonts/Roboto-Thin.eot');
src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Thin'),
local('Roboto-Thin'),
url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Thin.woff2') format('woff2'),
url('../fonts/Roboto-Thin.woff') format('woff'),
url('../fonts/Roboto-Thin.ttf') format('truetype'),
@ -23,7 +27,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-ThinItalic.eot');
src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto ThinItalic'),
local('Roboto-ThinItalic'),
url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
url('../fonts/Roboto-ThinItalic.woff') format('woff'),
url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
@ -35,7 +41,9 @@
@font-face {
font-family: 'Roboto-ThinItalic';
src: url('../fonts/Roboto-ThinItalic.eot');
src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto ThinItalic'),
local('Roboto-ThinItalic'),
url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
url('../fonts/Roboto-ThinItalic.woff') format('woff'),
url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
@ -45,7 +53,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Light.eot');
src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Light'),
local('Roboto-Light'),
url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Light.woff2') format('woff2'),
url('../fonts/Roboto-Light.woff') format('woff'),
url('../fonts/Roboto-Light.ttf') format('truetype'),
@ -57,7 +67,9 @@
@font-face {
font-family: 'Roboto-Light';
src: url('../fonts/Roboto-Light.eot');
src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Light'),
local('Roboto-Light'),
url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Light.woff2') format('woff2'),
url('../fonts/Roboto-Light.woff') format('woff'),
url('../fonts/Roboto-Light.ttf') format('truetype'),
@ -67,7 +79,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-LightItalic.eot');
src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto LightItalic'),
local('Roboto-LightItalic'),
url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
url('../fonts/Roboto-LightItalic.woff') format('woff'),
url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
@ -79,7 +93,9 @@
@font-face {
font-family: 'Roboto-LightItalic';
src: url('../fonts/Roboto-LightItalic.eot');
src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto LightItalic'),
local('Roboto-LightItalic'),
url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
url('../fonts/Roboto-LightItalic.woff') format('woff'),
url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
@ -89,7 +105,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.eot');
src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Regular'),
local('Roboto-Regular'),
url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype'),
@ -101,7 +119,9 @@
@font-face {
font-family: 'Roboto-Regular';
src: url('../fonts/Roboto-Regular.eot');
src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Regular'),
local('Roboto-Regular'),
url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular.woff2') format('woff2'),
url('../fonts/Roboto-Regular.woff') format('woff'),
url('../fonts/Roboto-Regular.ttf') format('truetype'),
@ -111,7 +131,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-RegularItalic.eot');
src: url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto RegularItalic'),
local('Roboto-RegularItalic'),
url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
url('../fonts/Roboto-RegularItalic.woff') format('woff'),
url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
@ -123,7 +145,9 @@
@font-face {
font-family: 'Roboto-RegularItalic';
src: url('../fonts/Roboto-RegularItalic.eot');
src: url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto RegularItalic'),
local('Roboto-RegularItalic'),
url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-RegularItalic.woff2') format('woff2'),
url('../fonts/Roboto-RegularItalic.woff') format('woff'),
url('../fonts/Roboto-RegularItalic.ttf') format('truetype'),
@ -133,7 +157,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Medium'),
local('Roboto-Medium'),
url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'),
url('../fonts/Roboto-Medium.ttf') format('truetype'),
@ -145,7 +171,9 @@
@font-face {
font-family: 'Roboto-Medium';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Medium'),
local('Roboto-Medium'),
url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'),
url('../fonts/Roboto-Medium.ttf') format('truetype'),
@ -155,7 +183,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-MediumItalic.eot');
src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto MediumItalic'),
local('Roboto-MediumItalic'),
url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
url('../fonts/Roboto-MediumItalic.woff') format('woff'),
url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
@ -167,7 +197,9 @@
@font-face {
font-family: 'Roboto-MediumItalic';
src: url('../fonts/Roboto-MediumItalic.eot');
src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto MediumItalic'),
local('Roboto-MediumItalic'),
url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
url('../fonts/Roboto-MediumItalic.woff') format('woff'),
url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
@ -177,7 +209,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold.eot');
src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Bold'),
local('Roboto-Bold'),
url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Bold.woff2') format('woff2'),
url('../fonts/Roboto-Bold.woff') format('woff'),
url('../fonts/Roboto-Bold.ttf') format('truetype'),
@ -189,7 +223,9 @@
@font-face {
font-family: 'Roboto-Bold';
src: url('../fonts/Roboto-Bold.eot');
src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Bold'),
local('Roboto-Bold'),
url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Bold.woff2') format('woff2'),
url('../fonts/Roboto-Bold.woff') format('woff'),
url('../fonts/Roboto-Bold.ttf') format('truetype'),
@ -199,7 +235,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-BoldItalic.eot');
src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto BoldItalic'),
local('Roboto-BoldItalic'),
url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
url('../fonts/Roboto-BoldItalic.woff') format('woff'),
url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
@ -211,7 +249,9 @@
@font-face {
font-family: 'Roboto-BoldItalic';
src: url('../fonts/Roboto-BoldItalic.eot');
src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto BoldItalic'),
local('Roboto-BoldItalic'),
url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
url('../fonts/Roboto-BoldItalic.woff') format('woff'),
url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
@ -221,7 +261,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Black.eot');
src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Black'),
local('Roboto-Black'),
url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Black.woff2') format('woff2'),
url('../fonts/Roboto-Black.woff') format('woff'),
url('../fonts/Roboto-Black.ttf') format('truetype'),
@ -233,7 +275,9 @@
@font-face {
font-family: 'Roboto-Black';
src: url('../fonts/Roboto-Black.eot');
src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
src: local('Roboto Black'),
local('Roboto-Black'),
url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Black.woff2') format('woff2'),
url('../fonts/Roboto-Black.woff') format('woff'),
url('../fonts/Roboto-Black.ttf') format('truetype'),
@ -243,7 +287,9 @@
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-BlackItalic.eot');
src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto BlackItalic'),
local('Roboto-BlackItalic'),
url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
url('../fonts/Roboto-BlackItalic.woff') format('woff'),
url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
@ -255,9 +301,11 @@
@font-face {
font-family: 'Roboto-BlackItalic';
src: url('../fonts/Roboto-BlackItalic.eot');
src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
src: local('Roboto BlackItalic'),
local('Roboto-BlackItalic'),
url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
url('../fonts/Roboto-BlackItalic.woff') format('woff'),
url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
}
}

8
css/roboto-fontface.less
View File

@ -4,7 +4,9 @@
@font-face {
font-family: 'Roboto';
src: url('@{roboto-font-path}/Roboto-@{type}.eot');
src: url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
src: local('Roboto @{type}'),
local('Roboto-@{type}'),
url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),
@ -16,7 +18,9 @@
@font-face {
font-family: 'Roboto-@{type}';
src: url('@{roboto-font-path}/Roboto-@{type}.eot');
src: url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
src: local('Roboto @{type}'),
local('Roboto-@{type}'),
url('@{roboto-font-path}/Roboto-@{type}.eot?#iefix') format('embedded-opentype'),
url('@{roboto-font-path}/Roboto-@{type}.woff2') format('woff2'),
url('@{roboto-font-path}/Roboto-@{type}.woff') format('woff'),
url('@{roboto-font-path}/Roboto-@{type}.ttf') format('truetype'),

8
css/roboto-fontface.scss
View File

@ -4,7 +4,9 @@ $roboto-font-path: '../fonts' !default;
@font-face {
font-family: 'Roboto';
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot');
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
src: local('Roboto #{$type}'),
local('Roboto-#{$type}'),
url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
url('#{$roboto-font-path}/Roboto-#{$type}.woff2') format('woff2'),
url('#{$roboto-font-path}/Roboto-#{$type}.woff') format('woff'),
url('#{$roboto-font-path}/Roboto-#{$type}.ttf') format('truetype'),
@ -16,7 +18,9 @@ $roboto-font-path: '../fonts' !default;
@font-face {
font-family: 'Roboto-#{$type}';
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot');
src: url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
src: local('Roboto #{$type}'),
local('Roboto-#{$type}'),
url('#{$roboto-font-path}/Roboto-#{$type}.eot?#iefix') format('embedded-opentype'),
url('#{$roboto-font-path}/Roboto-#{$type}.woff2') format('woff2'),
url('#{$roboto-font-path}/Roboto-#{$type}.woff') format('woff'),
url('#{$roboto-font-path}/Roboto-#{$type}.ttf') format('truetype'),