use tinos font

Author: zfletch

package.json

@@ -11,7 +11,8 @@
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
     "react-router-dom": "^4.3.1",
-    "react-scripts": "2.1.5"
+    "react-scripts": "2.1.5",
+    "typeface-tinos": "^0.0.54"
   },
   "devDependencies": {
     "eslint-config-airbnb": "^17.1.0",

src/components/Converter/Converter.module.css

@@ -6,4 +6,7 @@
 .textarea {
   /* 60px is the height of the subtitle title text plus 24px for "padding" */
   height: calc(100% - 60px) !important;
+
+  font-family: Tinos, serif;
+  font-size: 1.2rem !important;
 }

src/index.js

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom';
 import App from './components/App';
 import * as serviceWorker from './serviceWorker';
 
+import "typeface-tinos";
 import './index.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'perseids-react-components/build/css/index.css';

yarn.lock

@@ -9514,6 +9514,11 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typeface-tinos@^0.0.54:
+  version "0.0.54"
+  resolved "https://registry.yarnpkg.com/typeface-tinos/-/typeface-tinos-0.0.54.tgz#a19aa02ae13ef66e13f75313420883dbf10889b8"
+  integrity sha512-MRedIQFj34TKwYK3+4VTxFcrwWijkxqMKyaHPj3jX3k/B60AtvEvyO1bVM5cJF4K2W6xnGTVM+3yHKkS1nbShw==
+
 uglify-js@3.4.x, uglify-js@^3.1.4:
   version "3.4.9"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"