adding fontfaceobserver

1 files changed, 10 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/site/site.actions.js b/animism-align/frontend/app/views/site/site.actions.js
index 31a88b9..2e74d48 100644
--- a/animism-align/frontend/app/views/site/site.actions.js
+++ b/animism-align/frontend/app/views/site/site.actions.js
@@ -2,6 +2,7 @@ import * as types from 'app/types'
 import { api } from 'app/utils'
 import actions from 'app/actions'
 import { URLS } from 'app/constants'
+import FontFaceObserver from 'fontfaceobserver'
 
 export const loadProject = () => dispatch => {
   Promise.all([
@@ -13,6 +14,7 @@ export const loadProject = () => dispatch => {
     actions.media.index(),
     actions.episode.index(),
     actions.venue.index(),
+    loadFonts(),
   ]).then(() => {
     actions.viewer.loadSections()
   }).catch(err => {
@@ -20,6 +22,14 @@ export const loadProject = () => dispatch => {
   })
 }
 
+const loadFonts = () => {
+  const fonts = [
+    new FontFaceObserver('Freight Text'),
+    new FontFaceObserver('Neue Haas Unica'),
+  ]
+  return Promise.all(fonts.map(font => font.load()))
+}
+
 export const loadPeaks = (asdf) => dispatch => (
   api(dispatch, types.peaks, 'peaks', URLS.peaks)
 )