Use homemade font - with Glyphrstudio

hashicorp · Mar 29, 2019 · 3ff604c · 3ff604c
1 parent 2e9dbef
commit 3ff604c
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 10 deletions.
diff --git a/ui/app/styles/app.scss b/ui/app/styles/app.scss
@@ -2,13 +2,12 @@
 @import 'ember-power-select';
 @import './core';
 
-@font-face {
-    font-family: 'ObfuscatedPasswordFont';
-    src: url('/ui/write-your-password-with-this-font.eot'); /* IE9 Compat Modes */
-    src: url('/ui/write-your-password-with-this-font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-         url('/ui/write-your-password-with-this-font.woff2') format('woff2'), /* Modern Browsers */
-         url('/ui/write-your-password-with-this-font.woff') format('woff'); /* Modern Browsers */
-    font-style: italic;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-}
+@mixin font-face($name) {
+  @font-face {
+    font-family: $name;
+    src: url("/ui/fonts/#{$name}.woff2") format("woff2"),
+      url("/ui/fonts/#{$name}.woff") format("woff");
+  }
+}
+
+@include font-face('ObfuscatedPasswordFont');
diff --git a/ui/config/environment.js b/ui/config/environment.js
@@ -66,6 +66,7 @@ module.exports = function(environment) {
     ENV.contentSecurityPolicyHeader = 'Content-Security-Policy';
     ENV.contentSecurityPolicyMeta = true;
     ENV.contentSecurityPolicy = {
+      'font-src': ["'self'"],
       'connect-src': ["'self'"],
       'img-src': ["'self'", 'data:'],
       'form-action': ["'none'"],

diff --git a/ui/public/fonts/ObfuscatedPasswordFont.woff b/ui/public/fonts/ObfuscatedPasswordFont.woff
diff --git a/ui/public/fonts/ObfuscatedPasswordFont.woff2 b/ui/public/fonts/ObfuscatedPasswordFont.woff2
diff --git a/ui/public/write-your-password-with-this-font.eot b/ui/public/write-your-password-with-this-font.eot
diff --git a/ui/public/write-your-password-with-this-font.otf b/ui/public/write-your-password-with-this-font.otf
diff --git a/ui/public/write-your-password-with-this-font.ttf b/ui/public/write-your-password-with-this-font.ttf
diff --git a/ui/public/write-your-password-with-this-font.woff b/ui/public/write-your-password-with-this-font.woff
diff --git a/ui/public/write-your-password-with-this-font.woff2 b/ui/public/write-your-password-with-this-font.woff2