Removes Helvetica, updates README (#149)

* Removes Helvetica, updates README * Tweaks README
NYPL-Simplified · Feb 1, 2023 · e6adb05 · e6adb05 · vercel · Feb 1, 2023
1 parent 9314d36
commit e6adb05
Show file tree

Hide file tree

Showing 25 changed files with 10 additions and 2,075 deletions.
diff --git a/README.md b/README.md
@@ -125,7 +125,7 @@ Most styling is included in the basic UI, but we also ship a few css files that
 1. Both the HTML and the PDF side have css that is necessary to be included for the dependencies we use to render correctly. This is built automatically into `@nypl/web-reader/dist/esm/index.css` and `@nypl/web-reader/dist/cjs/index.css`. Depending which package you are using, you should include one of those files in your bundle.
 1. The HTML Reader can inject `<style>` tags (and other tags) into the reader iframe itself, called an "injectable". This is used to add styles to the html content of the publication. More on this is below.
 
-In order for the Settings panel to be displayed as intended, the fonts Roboto, Georgia, Helvetica, and OpenDyslexic must be available to your application. Georgia is web safe, meaning it is installed by default on most devices, but the others are not. One way to include them is to copy the `fonts` folder and its contents from `@nypl/web-reader/example/static` into your `/public` directory.
+In order for the Settings panel to be displayed as intended, the fonts Roboto, Georgia, and OpenDyslexic must be available to your application. Georgia is web safe, meaning it is installed by default on most devices, but the others are not. One way to include them is to copy them from the `fonts` folder in `@nypl/web-reader/example/static` into your `/public` directory. Alternatively, for Roboto, you can embed the Google Font into the <head> of your html (directions [here](https://fonts.google.com/specimen/Roboto)).
 
 ## Injectables
 

diff --git a/example/index.html b/example/index.html
@@ -4,6 +4,12 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
+      rel="stylesheet"
+    />
     <title>NYPL Web Reader Example</title>
   </head>
 

diff --git a/example/static/fonts/helvetica/Helvetica.eot b/example/static/fonts/helvetica/Helvetica.eot
diff --git a/example/static/fonts/helvetica/Helvetica.ttf b/example/static/fonts/helvetica/Helvetica.ttf
diff --git a/example/static/fonts/helvetica/Helvetica.woff b/example/static/fonts/helvetica/Helvetica.woff
diff --git a/example/static/fonts/helvetica/Helvetica.woff2 b/example/static/fonts/helvetica/Helvetica.woff2
diff --git a/example/static/fonts/helvetica/helvetica.css b/example/static/fonts/helvetica/helvetica.css
diff --git a/example/static/fonts/roboto/Apache License.txt b/example/static/fonts/roboto/Apache License.txt