diff --git a/frontend/public/index.html b/frontend/public/index.html index c9a859309f4915fcf10125607efa348706854a6d..2a1476566b2e397b4ba576c28a55f797d7a21301 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -4,7 +4,6 @@ <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> - <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <title>MetageneDB</title> </head> diff --git a/frontend/src/assets/fonts/material-icons.woff2 b/frontend/src/assets/fonts/material-icons.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..34cdd2afba56b9dd3c7f0e3b758069a92db6b7bf Binary files /dev/null and b/frontend/src/assets/fonts/material-icons.woff2 differ diff --git a/frontend/src/assets/styles/fonts.css b/frontend/src/assets/styles/fonts.css new file mode 100644 index 0000000000000000000000000000000000000000..63bc73b753445d88ea50752b0c4f201f924472ba --- /dev/null +++ b/frontend/src/assets/styles/fonts.css @@ -0,0 +1,22 @@ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(../fonts/material-icons.woff2) format('woff2'); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -moz-font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; +} diff --git a/frontend/src/main.js b/frontend/src/main.js index f59e6ad8440aa82bfbdfbdc3b7ca3e1ad9b62c67..30babbdcaf86fb6f2ec994dd95dfbce36414d8c7 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -5,6 +5,7 @@ import router from './router'; import store from './store'; import './registerServiceWorker'; import 'vuetify/dist/vuetify.min.css'; +import './assets/styles/fonts.css'; Vue.config.productionTip = false; Vue.use(Vuetify, {