summaryrefslogtreecommitdiffstats
path: root/install/ui/less/rcue/font.less
diff options
context:
space:
mode:
Diffstat (limited to 'install/ui/less/rcue/font.less')
-rw-r--r--install/ui/less/rcue/font.less166
1 files changed, 61 insertions, 105 deletions
diff --git a/install/ui/less/rcue/font.less b/install/ui/less/rcue/font.less
index 5c12e2d3d..66976899b 100644
--- a/install/ui/less/rcue/font.less
+++ b/install/ui/less/rcue/font.less
@@ -1,139 +1,95 @@
+//
+// Font face definitions are different than original RCUE ones.
+// Here we supply only ttf variants. Additionally local variant can be
+// used so it can save some load time in some browsers.
+//
+// This approach has a disadvantage:
+// - fonts do not work in IE8 and below
+//
+// Advantage is that it nicely fits into Fedora packaging guidelines
+//
-/* Note: OpenSans italic styles are not loaded by default; nor is Overpass. */
@font-face {
- font-family: 'OpenSansLight';
+ font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
- src: url('../font/OpenSans-Light-webfont.eot');
- src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-Light-webfont.woff') format('woff'),
- url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
- url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+ src: local('Open Sans'),
+ url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
}
-/*
+
@font-face {
- font-family: 'OpenSansLightItalic';
- font-style: normal;
+ font-family: 'Open Sans';
+ font-style: italic;
font-weight: normal;
- src: url('../font/OpenSans-LightItalic-webfont.eot');
- src: url('../font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-LightItalic-webfont.woff') format('woff'),
- url('../font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
- url('../font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
+ src: local('Open Sans Italic'),
+ url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
}
-*/
+
@font-face {
- font-family: 'OpenSansRegular';
+ font-family: 'Open Sans';
font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-Regular-webfont.eot');
- src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-Regular-webfont.woff') format('woff'),
- url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
- url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+ font-weight: 300;
+ src: local('Open Sans Light'),
+ url('../fonts/open-sans/OpenSans-Light.ttf') format('truetype');
}
-/*
-@font-face {
- font-family: 'OpenSansItalic';
- font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-Italic-webfont.eot');
- src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-Italic-webfont.woff') format('woff'),
- url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
- url('../font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
-}
-*/
+
@font-face {
- font-family: 'OpenSansSemibold';
- font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-Semibold-webfont.eot');
- src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
- url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
- url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 300;
+ src: local('Open Sans Light Italic'),
+ url('../fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
}
-/*
-@font-face {
- font-family: 'OpenSansSemiboldItalic';
- font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-SemiboldItalic-webfont.eot');
- src: url('../font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
- url('../font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
- url('../font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
-}
-*/
+
@font-face {
- font-family: 'OpenSansBold';
+ font-family: 'Open Sans';
font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-Bold-webfont.eot');
- src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-Bold-webfont.woff') format('woff'),
- url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
- url('../font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
+ font-weight: 600;
+ src: local('Open Sans Semibold'),
+ url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype');
}
-/*
+
@font-face {
- font-family: 'OpenSansBoldItalic';
- font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-BoldItalic-webfont.eot');
- src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'),
- url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
- url('../font/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 600;
+ src: local('Open Sans Semibold Italic'),
+ url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf') format('truetype');
}
-*/
+
@font-face {
- font-family: 'OpenSansExtrabold';
+ font-family: 'Open Sans';
font-style: normal;
- font-weight: normal;
- src: url('../font/OpenSans-ExtraBold-webfont.eot');
- src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'),
- url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
- url('../font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
+ font-weight: 700;
+ src: local('Open Sans Bold'),
+ url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
}
-/*
+
@font-face {
-font-family: 'OpenSansExtraboldItalic';
-font-style: normal;
-font-weight: normal;
-src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot');
-src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
- url('../font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
- url('../font/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Open Sans Bold Italic'),
+ url('../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
}
-*/
@font-face {
- font-family: 'Overpass';
+ font-family: 'Open Sans';
font-style: normal;
- font-weight: normal;
- src: url('../font/Overpass-Regular-webfont.eot');
- src: url('../font/Overpass-Regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/Overpass-Regular-webfont.woff') format('woff'),
- url('../font/Overpass-Regular-webfont.ttf') format('truetype'),
- url('../font/Overpass-Regular-webfont.svg#OpenSansExtrabold') format('svg');
+ font-weight: 900;
+ src: local('Open Sans Extrabold'),
+ url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
- font-family: 'Overpass';
- font-style: normal;
- font-weight: bold;
- src: url('../font/Overpass-Bold-webfont.eot');
- src: url('../font/Overpass-Bold-webfont.eot?#iefix') format('embedded-opentype'),
- url('../font/Overpass-Bold-webfont.woff') format('woff'),
- url('../font/Overpass-Bold-webfont.ttf') format('truetype'),
- url('../font/Overpass-Bold-webfont.svg#OpenSansExtrabold') format('svg');
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 900;
+ src: local('Open Sans Extrabold Italic'),
+ url('../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}
body {
- font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
+ font-family: 'Open Sans', Helvetica, Arial, sans-serif;
} \ No newline at end of file