[Redesign] Full Lato font kit

Summary: Ref T8755, Adds full fallback support for Lato, the default Phabricator font and champion of Azeroth.

Test Plan: Verify fonts are being used everywhere as expected.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8755

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

resources/celerity/map.php

@@ -113,7 +113,7 @@ return array(
     'rsrc/css/core/z-index.css' => '63689f49',
     'rsrc/css/diviner/diviner-shared.css' => '5a337049',
     'rsrc/css/font/font-awesome.css' => 'e2e712fe',
-    'rsrc/css/font/font-lato.css' => '564bfc7a',
+    'rsrc/css/font/font-lato.css' => 'a428b083',
     'rsrc/css/font/font-roboto-slab.css' => 'f24a53cb',
     'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3',
     'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
@@ -162,14 +162,22 @@ return array(
     'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => 'a653cb11',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.woff' => '80526fc8',
     'rsrc/externals/font/fontawesome/fontawesome-webfont.woff2' => '4924d54d',
-    'rsrc/externals/font/lato/Lato-700.woff' => '8e83c28b',
+    'rsrc/externals/font/lato/lato-bold.eot' => 'a3a1bea1',
-    'rsrc/externals/font/lato/Lato-700.woff2' => '2b0a2dba',
+    'rsrc/externals/font/lato/lato-bold.ttf' => '0175a547',
-    'rsrc/externals/font/lato/Lato-700italic.woff' => 'a894c02f',
+    'rsrc/externals/font/lato/lato-bold.woff' => '1a242f22',
-    'rsrc/externals/font/lato/Lato-700italic.woff2' => 'f81eb22f',
+    'rsrc/externals/font/lato/lato-bold.woff2' => '94383c24',
-    'rsrc/externals/font/lato/Lato-italic.woff' => 'a88b2998',
+    'rsrc/externals/font/lato/lato-bolditalic.eot' => '12da6041',
-    'rsrc/externals/font/lato/Lato-italic.woff2' => '2cc75b43',
+    'rsrc/externals/font/lato/lato-bolditalic.ttf' => '31596716',
-    'rsrc/externals/font/lato/Lato-regular.woff' => 'c139f3a4',
+    'rsrc/externals/font/lato/lato-bolditalic.woff' => '22adeb11',
-    'rsrc/externals/font/lato/Lato-regular.woff2' => 'e3488ae9',
+    'rsrc/externals/font/lato/lato-bolditalic.woff2' => '2646b573',
+    'rsrc/externals/font/lato/lato-italic.eot' => 'ed898a9e',
+    'rsrc/externals/font/lato/lato-italic.ttf' => '8715fd11',
+    'rsrc/externals/font/lato/lato-italic.woff' => 'a08f6653',
+    'rsrc/externals/font/lato/lato-italic.woff2' => '45c7ea4e',
+    'rsrc/externals/font/lato/lato-regular.eot' => 'c10e72a8',
+    'rsrc/externals/font/lato/lato-regular.ttf' => 'cdf9db5f',
+    'rsrc/externals/font/lato/lato-regular.woff' => 'fbf67de9',
+    'rsrc/externals/font/lato/lato-regular.woff2' => '74a95363',
     'rsrc/externals/font/robotoslab/robotoslab-regular.eot' => 'eaefe21c',
     'rsrc/externals/font/robotoslab/robotoslab-regular.ttf' => '4bfef7d5',
     'rsrc/externals/font/robotoslab/robotoslab-regular.woff' => '7f0552f9',
@@ -524,7 +532,7 @@ return array(
     'diffusion-source-css' => '66fdf661',
     'diviner-shared-css' => '5a337049',
     'font-fontawesome' => 'e2e712fe',
-    'font-lato' => '564bfc7a',
+    'font-lato' => 'a428b083',
     'font-roboto-slab' => 'f24a53cb',
     'global-drag-and-drop-css' => '697324ad',
     'harbormaster-css' => '49d64eb4',
@@ -1192,9 +1200,6 @@ return array(
       'javelin-vector',
       'javelin-dom',
     ),
-    '564bfc7a' => array(
-      'phui-fontkit-css',
-    ),
     '56a1ca03' => array(
       'javelin-behavior',
       'javelin-behavior-device',
@@ -1585,6 +1590,9 @@ return array(
       'javelin-vector',
       'javelin-install',
     ),
+    'a428b083' => array(
+      'phui-fontkit-css',
+    ),
     'a464fe03' => array(
       'javelin-behavior',
       'javelin-uri',

webroot/rsrc/css/font/font-lato.css

@@ -4,49 +4,69 @@
  */
 
 @font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Lato'),
-       local('Lato-regular'),
-         url(/rsrc/externals/font/lato/Lato-regular.woff2)
-        format('woff2'),
-         url(/rsrc/externals/font/lato/Lato-regular.woff)
-        format('woff');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Lato Italic'),
-       local('Lato-italic'),
-         url(/rsrc/externals/font/lato/Lato-italic.woff2)
-        format('woff2'),
-         url(/rsrc/externals/font/lato/Lato-italic.woff)
-        format('woff');
-}
-
-@font-face{
-    font-family: 'Lato';
-    font-weight: 700;
-    font-style: normal;
-    src: local('Lato 700'),
-         local('Lato-700'),
-         url(/rsrc/externals/font/lato/Lato-700.woff2)
-          format('woff2'),
-         url(/rsrc/externals/font/lato/Lato-700.woff)
-          format('woff');
-}
-
-@font-face{
     font-family: 'Lato';
     font-weight: 700;
     font-style: italic;
-    src: local('Lato 700 Italic'),
+    src: url(/rsrc/externals/font/lato/lato-bolditalic.eot);
-         local('Lato-700italic'),
+    src: url(/rsrc/externals/font/lato/lato-bolditalic.eot?#iefix)
-         url(/rsrc/externals/font/lato/Lato-700italic.woff2)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/lato/lato-bolditalic.woff2)
           format('woff2'),
-         url(/rsrc/externals/font/lato/Lato-700italic.woff)
+         url(/rsrc/externals/font/lato/lato-bolditalic.woff)
-          format('woff');
+          format('woff'),
+         url(/rsrc/externals/font/lato/lato-bolditalic.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/lato/lato-bolditalic.svg#latobold_italic)
+          format('svg');
+}
+
+@font-face {
+    font-family: 'Lato';
+    font-weight: 700;
+    font-style: normal;
+    src: url(/rsrc/externals/font/lato/lato-bold.eot);
+    src: url(/rsrc/externals/font/lato/lato-bold.eot?#iefix)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/lato/lato-bold.woff2)
+          format('woff2'),
+         url(/rsrc/externals/font/lato/lato-bold.woff)
+          format('woff'),
+         url(/rsrc/externals/font/lato/lato-bold.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/lato/lato-bold.svg#latobold)
+          format('svg');
+}
+
+@font-face {
+    font-family: 'Lato';
+    font-weight: 400;
+    font-style: italic;
+    src: url(/rsrc/externals/font/lato/lato-italic.eot);
+    src: url(/rsrc/externals/font/lato/lato-italic.eot?#iefix)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/lato/lato-italic.woff2)
+          format('woff2'),
+         url(/rsrc/externals/font/lato/lato-italic.woff)
+          format('woff'),
+         url(/rsrc/externals/font/lato/lato-italic.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/lato/lato-italic.svg#latoitalic)
+          format('svg');
+}
+
+@font-face {
+    font-family: 'Lato';
+    font-weight: 400;
+    font-style: normal;
+    src: url(/rsrc/externals/font/lato/lato-regular.eot);
+    src: url(/rsrc/externals/font/lato/lato-regular.eot?#iefix)
+          format('embedded-opentype'),
+         url(/rsrc/externals/font/lato/lato-regular.woff2)
+          format('woff2'),
+         url(/rsrc/externals/font/lato/lato-regular.woff)
+          format('woff'),
+         url(/rsrc/externals/font/lato/lato-regular.ttf)
+          format('truetype'),
+         url(/rsrc/externals/font/lato/lato-regular.svg#latoregular)
+          format('svg');
 }