added Roboto font and rules

Dyalog · Jun 20, 2017 · 2d04452 · 2d04452
1 parent 8164a0c
commit 2d04452
Show file tree

Hide file tree

Showing 16 changed files with 88 additions and 4 deletions.
diff --git a/style/Apl385.ttf → style/fonts/Apl385.ttf b/style/Apl385.ttf → style/fonts/Apl385.ttf
diff --git a/style/Apl385.woff → style/fonts/Apl385.woff b/style/Apl385.woff → style/fonts/Apl385.woff
diff --git a/style/fonts/Roboto-Black.ttf b/style/fonts/Roboto-Black.ttf
diff --git a/style/fonts/Roboto-BlackItalic.ttf b/style/fonts/Roboto-BlackItalic.ttf
diff --git a/style/fonts/Roboto-Bold.ttf b/style/fonts/Roboto-Bold.ttf
diff --git a/style/fonts/Roboto-BoldItalic.ttf b/style/fonts/Roboto-BoldItalic.ttf
diff --git a/style/fonts/Roboto-Italic.ttf b/style/fonts/Roboto-Italic.ttf
diff --git a/style/fonts/Roboto-Light.ttf b/style/fonts/Roboto-Light.ttf
diff --git a/style/fonts/Roboto-LightItalic.ttf b/style/fonts/Roboto-LightItalic.ttf
diff --git a/style/fonts/Roboto-Medium.ttf b/style/fonts/Roboto-Medium.ttf
diff --git a/style/fonts/Roboto-MediumItalic.ttf b/style/fonts/Roboto-MediumItalic.ttf
diff --git a/style/fonts/Roboto-Regular.ttf b/style/fonts/Roboto-Regular.ttf
diff --git a/style/fonts/Roboto-Thin.ttf b/style/fonts/Roboto-Thin.ttf
diff --git a/style/fonts/Roboto-ThinItalic.ttf b/style/fonts/Roboto-ThinItalic.ttf
diff --git a/style/less/fonts.less b/style/less/fonts.less
@@ -1,5 +1,17 @@
-@font-face{font-family:'apl';src:url('Apl385.woff')format('woff'),url('Apl385.ttf')format('truetype')}
+@font-face{font-family:'apl';src:url('./fonts/Apl385.woff')format('woff'),url('../fonts/Apl385.ttf')format('truetype')}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Thin.ttf')format('truetype');           font-weight:100;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-ThinItalic.ttf')format('truetype');     font-weight:100;font-style:italic}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Light.ttf')format('truetype');          font-weight:300;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-LightItalic.ttf')format('truetype');    font-weight:300;font-style:italic}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Regular.ttf')format('truetype');        font-weight:400;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Italic.ttf')format('truetype');         font-weight:400;font-style:italic}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Medium.ttf')format('truetype');         font-weight:500;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-MediumItalic.ttf')format('truetype');   font-weight:500;font-style:italic}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Bold.ttf')format('truetype');           font-weight:700;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-BoldItalic.ttf')format('truetype');     font-weight:700;font-style:italic}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-Black.ttf')format('truetype');          font-weight:900;font-style:normal}
+@font-face{font-family:'Roboto';src:url('./fonts/Roboto-BlackItalic.ttf')format('truetype');    font-weight:900;font-style:italic}
 .ui-font-mixin(){
-  font-family:"Verdana";
+  font-family:"Roboto";
   font-size:14px;
 }
diff --git a/style/new-style.css b/style/new-style.css
@@ -1,6 +1,78 @@
 @font-face {
   font-family: 'apl';
-  src: url('Apl385.woff') format('woff'), url('Apl385.ttf') format('truetype');
+  src: url('fonts/Apl385.woff') format('woff'), url('../fonts/Apl385.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('fonts/Roboto-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
 }
 .newDark {
   /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
@@ -2672,6 +2744,6 @@
 }
 #cn *,
 #cn #cn_env_add a {
-  font-family: "Verdana";
+  font-family: "Roboto";
   font-size: 14px;
 }