Replace Roboto Slab with Aleo for PHUIDocumentView

Summary: These fonts are functionally very similar, but in diagnosing a problem with mobile Safari/Chrome, it turned out that our use of "bold" with the "normal" font build created a "semibold" look when on desktop and a "normal" look on mobile. The "semibold" feel is more important, so finding a lighter "bold" font was the impetus for this font switch. As it turns out **Aleo** is built by the same author as **Lato** (our other font) and is intended as it's companion. So stylistically, this is the more correct font.

Test Plan:
Test Phriction, Legalpad, Diviner, Desktop and Mobile

{F938013}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D14391

Author: chadlittle

resources/celerity/map.php

@@ -108,9 +108,9 @@
     'rsrc/css/core/syntax.css' => '9fd11da8',
     'rsrc/css/core/z-index.css' => '57ddcaa2',
     'rsrc/css/diviner/diviner-shared.css' => 'aa3656aa',
+    'rsrc/css/font/font-aleo.css' => 'b61d3062',
     'rsrc/css/font/font-awesome.css' => 'd2fc4e8d',
     'rsrc/css/font/font-lato.css' => '5ab1a46a',
-    'rsrc/css/font/font-roboto-slab.css' => 'f0aea810',
     'rsrc/css/font/phui-font-icon-base.css' => 'ecbbb4c2',
     'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
     'rsrc/css/layout/phabricator-hovercard-view.css' => '1239cd52',
@@ -129,7 +129,7 @@
     'rsrc/css/phui/phui-document-pro.css' => '5f86a934',
     'rsrc/css/phui/phui-document.css' => '9fa715d2',
     'rsrc/css/phui/phui-feed-story.css' => 'b7b26d23',
-    'rsrc/css/phui/phui-fontkit.css' => '7837a28c',
+    'rsrc/css/phui/phui-fontkit.css' => 'c9d63950',
     'rsrc/css/phui/phui-form-view.css' => '621b21c5',
     'rsrc/css/phui/phui-form.css' => 'afdb2c6e',
     'rsrc/css/phui/phui-header-view.css' => '55bb32dd',
@@ -157,6 +157,14 @@
     'rsrc/css/sprite-menu.css' => '9dd65b92',
     'rsrc/css/sprite-projects.css' => 'e5ad842a',
     'rsrc/css/sprite-tokens.css' => '4f399012',
+    'rsrc/externals/font/aleo/aleo-bold.eot' => 'd3d3bed7',
+    'rsrc/externals/font/aleo/aleo-bold.ttf' => '4b08bef0',
+    'rsrc/externals/font/aleo/aleo-bold.woff' => '93b513a1',
+    'rsrc/externals/font/aleo/aleo-bold.woff2' => '75fbf322',
+    'rsrc/externals/font/aleo/aleo-regular.eot' => 'a4e29e2f',
+    'rsrc/externals/font/aleo/aleo-regular.ttf' => '751e7479',
+    'rsrc/externals/font/aleo/aleo-regular.woff' => 'c3744be9',
+    'rsrc/externals/font/aleo/aleo-regular.woff2' => '851aa0ee',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => '7d5a4653',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => '531835e8',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.woff' => '427fe363',
@@ -177,10 +185,6 @@
     'rsrc/externals/font/lato/lato-regular.ttf' => 'e270165b',
     'rsrc/externals/font/lato/lato-regular.woff' => '13d39fe2',
     'rsrc/externals/font/lato/lato-regular.woff2' => '57a9f742',
-    'rsrc/externals/font/robotoslab/robotoslab-regular.eot' => '22ac1af2',
-    'rsrc/externals/font/robotoslab/robotoslab-regular.ttf' => '72429f38',
-    'rsrc/externals/font/robotoslab/robotoslab-regular.woff' => 'd685f38a',
-    'rsrc/externals/font/robotoslab/robotoslab-regular.woff2' => '075c143c',
     'rsrc/externals/javelin/core/Event.js' => '85ea0626',
     'rsrc/externals/javelin/core/Stratcom.js' => '6c53634d',
     'rsrc/externals/javelin/core/__tests__/event-stop-and-kill.js' => '717554e4',
@@ -525,9 +529,9 @@
     'diffusion-readme-css' => '2106ea08',
     'diffusion-source-css' => '075ba788',
     'diviner-shared-css' => 'aa3656aa',
+    'font-aleo' => 'b61d3062',
     'font-fontawesome' => 'd2fc4e8d',
     'font-lato' => '5ab1a46a',
-    'font-roboto-slab' => 'f0aea810',
     'global-drag-and-drop-css' => '697324ad',
     'harbormaster-css' => 'b0758ca5',
     'herald-css' => '826075fa',
@@ -780,7 +784,7 @@
     'phui-document-view-pro-css' => '5f86a934',
     'phui-feed-story-css' => 'b7b26d23',
     'phui-font-icon-base-css' => 'ecbbb4c2',
-    'phui-fontkit-css' => '7837a28c',
+    'phui-fontkit-css' => 'c9d63950',
     'phui-form-css' => 'afdb2c6e',
     'phui-form-view-css' => '621b21c5',
     'phui-header-view-css' => '55bb32dd',
@@ -1713,6 +1717,9 @@
       'javelin-dom',
       'javelin-util',
     ),
+    'b61d3062' => array(
+      'phui-fontkit-css',
+    ),
     'b6993408' => array(
       'javelin-behavior',
       'javelin-stratcom',
@@ -1948,9 +1955,6 @@
       'javelin-workflow',
       'javelin-json',
     ),
-    'f0aea810' => array(
-      'phui-fontkit-css',
-    ),
     'f36e01af' => array(
       'javelin-behavior',
       'javelin-behavior-device',

src/view/page/PhabricatorStandardPageView.php

@@ -180,7 +180,7 @@ protected function willRenderPage() {
     require_celerity_resource('phabricator-standard-page-view');
     require_celerity_resource('conpherence-durable-column-view');
     require_celerity_resource('font-lato');
-    require_celerity_resource('font-roboto-slab');
+    require_celerity_resource('font-aleo');
 
     Javelin::initBehavior('workflow', array());
 

webroot/rsrc/css/font/font-aleo.css

@@ -0,0 +1,40 @@
+/**
+ * @provides font-aleo
+ * @requires phui-fontkit-css
+ */
+
+@font-face {
+    font-family: 'Aleo';
+    font-weight: bold;
+    font-style: normal;
+    src: url(/rsrc/externals/font/aleo/aleo-bold.eot);
+    src: url(/rsrc/externals/font/aleo/aleo-bold.eot?#iefix)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/aleo/aleo-bold.woff2)
+          format('woff2'),
+         url(/rsrc/externals/font/aleo/aleo-bold.woff)
+          format('woff'),
+         url(/rsrc/externals/font/aleo/aleo-bold.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/aleo/aleo-bold.svg#aleo-bold)
+          format('svg');
+
+}
+
+@font-face {
+    font-family: 'Aleo';
+    font-weight: normal;
+    font-style: normal;
+    src: url(/rsrc/externals/font/aleo/aleo-regular.eot);
+    src: url(/rsrc/externals/font/aleo/aleo-regular.eot?#iefix)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/aleo/aleo-regular.woff2)
+          format('woff2'),
+         url(/rsrc/externals/font/aleo/aleo-regular.woff)
+          format('woff'),
+         url(/rsrc/externals/font/aleo/aleo-regular.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/aleo/aleo-regular.svg#aleo-regular)
+          format('svg');
+
+}

webroot/rsrc/css/font/font-roboto-slab.css

@@ -9,12 +9,12 @@
 */
 
 .diviner-document-section .phui-header-header {
-  font-family: 'Roboto Slab', {$fontfamily};
+  font-family: 'Aleo', {$fontfamily};
   color: #000;
 }
 
 .phui-document-view .phui-header-tall .phui-header-header {
-  font-family: 'Roboto Slab', {$fontfamily};
+  font-family: 'Aleo', {$fontfamily};
 }
 
 .phui-document-view .phabricator-remarkup h1.remarkup-header,
@@ -23,7 +23,7 @@
 .phui-document-view .phabricator-remarkup h4.remarkup-header,
 .phui-document-view .phabricator-remarkup h5.remarkup-header,
 .phui-document-view .phabricator-remarkup h6.remarkup-header {
-  font-family: 'Roboto Slab', {$fontfamily};
+  font-family: 'Aleo', {$fontfamily};
 }
 
 .phui-document-view .phabricator-remarkup h2.remarkup-header {