Import proper SF Display font, replace 'bold' with 'medium' (search)

Lokiedu · Apr 1, 2017 · a2e9f59 · a2e9f59
1 parent 0b91642
commit a2e9f59
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 8 deletions.
diff --git a/public/fonts/SFDisplay-Medium.otf b/public/fonts/SFDisplay-Medium.otf
diff --git a/public/fonts/SFDisplay-Regular.otf b/public/fonts/SFDisplay-Regular.otf
diff --git a/public/fonts/SanFranciscoDisplay-Regular.otf b/public/fonts/SanFranciscoDisplay-Regular.otf
diff --git a/src/less/blocks/font.less b/src/less/blocks/font.less
@@ -16,10 +16,17 @@
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 @font-face {
-  font-family: 'San Francisco';
+  font-family: 'San Francisco Display';
   font-style: normal;
   font-weight: 400;
-  src: url(../../../public/fonts/SanFranciscoDisplay-Regular.otf) format('opentype');
+  src: url('../../../public/fonts/SFDisplay-Regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: 'San Francisco Display';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../../../public/fonts/SFDisplay-Medium.otf') format('opentype');
 }
 
 .font {
@@ -44,6 +51,6 @@
   }
 
   &--family_san-francisco {
-    font-family: 'San Francisco', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
+    font-family: 'San Francisco Display', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
   }
 }
diff --git a/src/less/blocks/global.less b/src/less/blocks/global.less
@@ -16,9 +16,10 @@
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 html {
-  font-family: 'San Francisco', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: 'San Francisco Display', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
   color: @color__text;
   font-size: @font__size;
+  font-weight: 400;
   background: @color__page_background;
   text-rendering: optimizeLegibility;
   padding: 0;

diff --git a/src/less/blocks/search.less b/src/less/blocks/search.less
@@ -83,7 +83,7 @@
   margin-bottom: 20px;
   margin-left: 60px;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: 500;
 }
 
 .search__page-bar {
@@ -92,7 +92,7 @@
 
 .search__page-input {
   font-size: 18px;
-  font-weight: bold;
+  font-weight: 500;
   color: #006cac;
 }
 
@@ -101,7 +101,7 @@
   border: none;
   border-radius: 0;
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 500;
   background-color: #4688cd;
   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 }
@@ -217,7 +217,7 @@
   &-item {
     display: inline-block;
     font-size: 14px;
-    font-weight: bold;
+    font-weight: 500;
 
     &:hover {
       text-decoration: underline;