diff --git a/src/assets/fonts/roboto-black.eot b/src/assets/fonts/roboto-black.eot new file mode 100644 index 0000000..dbf2ee1 Binary files /dev/null and b/src/assets/fonts/roboto-black.eot differ diff --git a/src/assets/fonts/roboto-black.ttf b/src/assets/fonts/roboto-black.ttf new file mode 100644 index 0000000..72abe96 Binary files /dev/null and b/src/assets/fonts/roboto-black.ttf differ diff --git a/src/assets/fonts/roboto-black.woff b/src/assets/fonts/roboto-black.woff new file mode 100644 index 0000000..20757a2 Binary files /dev/null and b/src/assets/fonts/roboto-black.woff differ diff --git a/src/assets/fonts/roboto-black.woff2 b/src/assets/fonts/roboto-black.woff2 new file mode 100644 index 0000000..ac402e4 Binary files /dev/null and b/src/assets/fonts/roboto-black.woff2 differ diff --git a/src/assets/fonts/roboto-blackitalic.eot b/src/assets/fonts/roboto-blackitalic.eot new file mode 100644 index 0000000..50ecdc2 Binary files /dev/null and b/src/assets/fonts/roboto-blackitalic.eot differ diff --git a/src/assets/fonts/roboto-blackitalic.ttf b/src/assets/fonts/roboto-blackitalic.ttf new file mode 100644 index 0000000..c99a48e Binary files /dev/null and b/src/assets/fonts/roboto-blackitalic.ttf differ diff --git a/src/assets/fonts/roboto-blackitalic.woff b/src/assets/fonts/roboto-blackitalic.woff new file mode 100644 index 0000000..b1b1c77 Binary files /dev/null and b/src/assets/fonts/roboto-blackitalic.woff differ diff --git a/src/assets/fonts/roboto-blackitalic.woff2 b/src/assets/fonts/roboto-blackitalic.woff2 new file mode 100644 index 0000000..a6ccc9a Binary files /dev/null and b/src/assets/fonts/roboto-blackitalic.woff2 differ diff --git a/src/assets/fonts/roboto-bold.eot b/src/assets/fonts/roboto-bold.eot new file mode 100644 index 0000000..b0a6793 Binary files /dev/null and b/src/assets/fonts/roboto-bold.eot differ diff --git a/src/assets/fonts/roboto-bold.ttf b/src/assets/fonts/roboto-bold.ttf new file mode 100644 index 0000000..3f6ab5c Binary files /dev/null and b/src/assets/fonts/roboto-bold.ttf differ diff --git a/src/assets/fonts/roboto-bold.woff b/src/assets/fonts/roboto-bold.woff new file mode 100644 index 0000000..ab7790f Binary files /dev/null and b/src/assets/fonts/roboto-bold.woff differ diff --git a/src/assets/fonts/roboto-bold.woff2 b/src/assets/fonts/roboto-bold.woff2 new file mode 100644 index 0000000..07ae837 Binary files /dev/null and b/src/assets/fonts/roboto-bold.woff2 differ diff --git a/src/assets/fonts/roboto-bolditalic.eot b/src/assets/fonts/roboto-bolditalic.eot new file mode 100644 index 0000000..00c84f3 Binary files /dev/null and b/src/assets/fonts/roboto-bolditalic.eot differ diff --git a/src/assets/fonts/roboto-bolditalic.ttf b/src/assets/fonts/roboto-bolditalic.ttf new file mode 100644 index 0000000..2a60c21 Binary files /dev/null and b/src/assets/fonts/roboto-bolditalic.ttf differ diff --git a/src/assets/fonts/roboto-bolditalic.woff b/src/assets/fonts/roboto-bolditalic.woff new file mode 100644 index 0000000..3c8bd77 Binary files /dev/null and b/src/assets/fonts/roboto-bolditalic.woff differ diff --git a/src/assets/fonts/roboto-bolditalic.woff2 b/src/assets/fonts/roboto-bolditalic.woff2 new file mode 100644 index 0000000..446029e Binary files /dev/null and b/src/assets/fonts/roboto-bolditalic.woff2 differ diff --git a/src/assets/fonts/roboto-italic.eot b/src/assets/fonts/roboto-italic.eot new file mode 100644 index 0000000..94e40b0 Binary files /dev/null and b/src/assets/fonts/roboto-italic.eot differ diff --git a/src/assets/fonts/roboto-italic.ttf b/src/assets/fonts/roboto-italic.ttf new file mode 100644 index 0000000..85e75d4 Binary files /dev/null and b/src/assets/fonts/roboto-italic.ttf differ diff --git a/src/assets/fonts/roboto-italic.woff b/src/assets/fonts/roboto-italic.woff new file mode 100644 index 0000000..ff0aca6 Binary files /dev/null and b/src/assets/fonts/roboto-italic.woff differ diff --git a/src/assets/fonts/roboto-italic.woff2 b/src/assets/fonts/roboto-italic.woff2 new file mode 100644 index 0000000..c637fc9 Binary files /dev/null and b/src/assets/fonts/roboto-italic.woff2 differ diff --git a/src/assets/fonts/roboto-light.eot b/src/assets/fonts/roboto-light.eot new file mode 100644 index 0000000..f40dc7f Binary files /dev/null and b/src/assets/fonts/roboto-light.eot differ diff --git a/src/assets/fonts/roboto-light.ttf b/src/assets/fonts/roboto-light.ttf new file mode 100644 index 0000000..d257fa7 Binary files /dev/null and b/src/assets/fonts/roboto-light.ttf differ diff --git a/src/assets/fonts/roboto-light.woff b/src/assets/fonts/roboto-light.woff new file mode 100644 index 0000000..c118fe6 Binary files /dev/null and b/src/assets/fonts/roboto-light.woff differ diff --git a/src/assets/fonts/roboto-light.woff2 b/src/assets/fonts/roboto-light.woff2 new file mode 100644 index 0000000..e8d689f Binary files /dev/null and b/src/assets/fonts/roboto-light.woff2 differ diff --git a/src/assets/fonts/roboto-lightitalic.eot b/src/assets/fonts/roboto-lightitalic.eot new file mode 100644 index 0000000..03ff81b Binary files /dev/null and b/src/assets/fonts/roboto-lightitalic.eot differ diff --git a/src/assets/fonts/roboto-lightitalic.ttf b/src/assets/fonts/roboto-lightitalic.ttf new file mode 100644 index 0000000..5157b2d Binary files /dev/null and b/src/assets/fonts/roboto-lightitalic.ttf differ diff --git a/src/assets/fonts/roboto-lightitalic.woff b/src/assets/fonts/roboto-lightitalic.woff new file mode 100644 index 0000000..ba1ce0d Binary files /dev/null and b/src/assets/fonts/roboto-lightitalic.woff differ diff --git a/src/assets/fonts/roboto-lightitalic.woff2 b/src/assets/fonts/roboto-lightitalic.woff2 new file mode 100644 index 0000000..a04dfca Binary files /dev/null and b/src/assets/fonts/roboto-lightitalic.woff2 differ diff --git a/src/assets/fonts/roboto-medium.eot b/src/assets/fonts/roboto-medium.eot new file mode 100644 index 0000000..0cb6485 Binary files /dev/null and b/src/assets/fonts/roboto-medium.eot differ diff --git a/src/assets/fonts/roboto-medium.ttf b/src/assets/fonts/roboto-medium.ttf new file mode 100644 index 0000000..340e031 Binary files /dev/null and b/src/assets/fonts/roboto-medium.ttf differ diff --git a/src/assets/fonts/roboto-medium.woff b/src/assets/fonts/roboto-medium.woff new file mode 100644 index 0000000..984bd65 Binary files /dev/null and b/src/assets/fonts/roboto-medium.woff differ diff --git a/src/assets/fonts/roboto-medium.woff2 b/src/assets/fonts/roboto-medium.woff2 new file mode 100644 index 0000000..a74906b Binary files /dev/null and b/src/assets/fonts/roboto-medium.woff2 differ diff --git a/src/assets/fonts/roboto-mediumitalic.eot b/src/assets/fonts/roboto-mediumitalic.eot new file mode 100644 index 0000000..c2ffd0d Binary files /dev/null and b/src/assets/fonts/roboto-mediumitalic.eot differ diff --git a/src/assets/fonts/roboto-mediumitalic.ttf b/src/assets/fonts/roboto-mediumitalic.ttf new file mode 100644 index 0000000..2101b88 Binary files /dev/null and b/src/assets/fonts/roboto-mediumitalic.ttf differ diff --git a/src/assets/fonts/roboto-mediumitalic.woff b/src/assets/fonts/roboto-mediumitalic.woff new file mode 100644 index 0000000..48dfbb0 Binary files /dev/null and b/src/assets/fonts/roboto-mediumitalic.woff differ diff --git a/src/assets/fonts/roboto-mediumitalic.woff2 b/src/assets/fonts/roboto-mediumitalic.woff2 new file mode 100644 index 0000000..ff83207 Binary files /dev/null and b/src/assets/fonts/roboto-mediumitalic.woff2 differ diff --git a/src/assets/fonts/roboto-regular.eot b/src/assets/fonts/roboto-regular.eot new file mode 100644 index 0000000..084d088 Binary files /dev/null and b/src/assets/fonts/roboto-regular.eot differ diff --git a/src/assets/fonts/roboto-regular.ttf b/src/assets/fonts/roboto-regular.ttf new file mode 100644 index 0000000..62e1c2b Binary files /dev/null and b/src/assets/fonts/roboto-regular.ttf differ diff --git a/src/assets/fonts/roboto-regular.woff b/src/assets/fonts/roboto-regular.woff new file mode 100644 index 0000000..d9b5b61 Binary files /dev/null and b/src/assets/fonts/roboto-regular.woff differ diff --git a/src/assets/fonts/roboto-regular.woff2 b/src/assets/fonts/roboto-regular.woff2 new file mode 100644 index 0000000..f69df7a Binary files /dev/null and b/src/assets/fonts/roboto-regular.woff2 differ diff --git a/src/assets/fonts/roboto-thin.eot b/src/assets/fonts/roboto-thin.eot new file mode 100644 index 0000000..067a03a Binary files /dev/null and b/src/assets/fonts/roboto-thin.eot differ diff --git a/src/assets/fonts/roboto-thin.ttf b/src/assets/fonts/roboto-thin.ttf new file mode 100644 index 0000000..267d54a Binary files /dev/null and b/src/assets/fonts/roboto-thin.ttf differ diff --git a/src/assets/fonts/roboto-thin.woff b/src/assets/fonts/roboto-thin.woff new file mode 100644 index 0000000..2a75804 Binary files /dev/null and b/src/assets/fonts/roboto-thin.woff differ diff --git a/src/assets/fonts/roboto-thin.woff2 b/src/assets/fonts/roboto-thin.woff2 new file mode 100644 index 0000000..c1b375b Binary files /dev/null and b/src/assets/fonts/roboto-thin.woff2 differ diff --git a/src/assets/fonts/roboto-thinitalic.eot b/src/assets/fonts/roboto-thinitalic.eot new file mode 100644 index 0000000..18ee4a7 Binary files /dev/null and b/src/assets/fonts/roboto-thinitalic.eot differ diff --git a/src/assets/fonts/roboto-thinitalic.ttf b/src/assets/fonts/roboto-thinitalic.ttf new file mode 100644 index 0000000..28db015 Binary files /dev/null and b/src/assets/fonts/roboto-thinitalic.ttf differ diff --git a/src/assets/fonts/roboto-thinitalic.woff b/src/assets/fonts/roboto-thinitalic.woff new file mode 100644 index 0000000..0980c72 Binary files /dev/null and b/src/assets/fonts/roboto-thinitalic.woff differ diff --git a/src/assets/fonts/roboto-thinitalic.woff2 b/src/assets/fonts/roboto-thinitalic.woff2 new file mode 100644 index 0000000..0091b89 Binary files /dev/null and b/src/assets/fonts/roboto-thinitalic.woff2 differ diff --git a/src/assets/roboto-font/Roboto-Bold.ttf b/src/assets/roboto-font/Roboto-Bold.ttf deleted file mode 100644 index 43da14d..0000000 Binary files a/src/assets/roboto-font/Roboto-Bold.ttf and /dev/null differ diff --git a/src/assets/roboto-font/Roboto-Light.ttf b/src/assets/roboto-font/Roboto-Light.ttf deleted file mode 100644 index e7307e7..0000000 Binary files a/src/assets/roboto-font/Roboto-Light.ttf and /dev/null differ diff --git a/src/assets/roboto-font/Roboto-Medium.ttf b/src/assets/roboto-font/Roboto-Medium.ttf deleted file mode 100644 index ac0f908..0000000 Binary files a/src/assets/roboto-font/Roboto-Medium.ttf and /dev/null differ diff --git a/src/assets/roboto-font/Roboto-Regular.ttf b/src/assets/roboto-font/Roboto-Regular.ttf deleted file mode 100644 index ddf4bfa..0000000 Binary files a/src/assets/roboto-font/Roboto-Regular.ttf and /dev/null differ diff --git a/src/index.css b/src/index.css index d46826b..a7c9141 100644 --- a/src/index.css +++ b/src/index.css @@ -16,30 +16,6 @@ box-sizing: border-box; } -@font-face { - font-family: 'Roboto'; - font-weight: 300; - src: local('Roboto-Light'), url(./assets/roboto-font/Roboto-Light.ttf); -} - -@font-face { - font-family: 'Roboto'; - font-weight: 400; - src: local('Roboto-Regular'), url(./assets/Roboto-font/Roboto-Regular.ttf); -} - -@font-face { - font-family: 'Roboto'; - font-weight: 500; - src: local('Roboto-Medium'), url(./assets/Roboto-font/Roboto-Medium.ttf); -} - -@font-face { - font-family: 'Roboto'; - font-weight: 700; - src: local('Roboto-Bold'), url(./assets/Roboto-font/Roboto-Bold.ttf); -} - body { margin: 0; min-width: 320px; @@ -131,3 +107,160 @@ button:disabled { border-radius: 50%; overflow: hidden; } + +/* Fonts */ +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-medium.eot'); + src: local('Roboto Medium'), local('Roboto-Medium'), + url('assets/fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-medium.woff2') format('woff2'), + url('assets/fonts/roboto-medium.woff') format('woff'), + url('assets/fonts/roboto-medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-lightitalic.eot'); + src: local('Roboto Light Italic'), local('Roboto-LightItalic'), + url('assets/fonts/roboto-lightitalic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-lightitalic.woff2') format('woff2'), + url('assets/fonts/roboto-lightitalic.woff') format('woff'), + url('assets/fonts/roboto-lightitalic.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-blackitalic.eot'); + src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), + url('assets/fonts/roboto-blackitalic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-blackitalic.woff2') format('woff2'), + url('assets/fonts/roboto-blackitalic.woff') format('woff'), + url('assets/fonts/roboto-blackitalic.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-light.eot'); + src: local('Roboto Light'), local('Roboto-Light'), + url('assets/fonts/roboto-light.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-light.woff2') format('woff2'), + url('assets/fonts/roboto-light.woff') format('woff'), + url('assets/fonts/roboto-light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-bolditalic.eot'); + src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), + url('assets/fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-bolditalic.woff2') format('woff2'), + url('assets/fonts/roboto-bolditalic.woff') format('woff'), + url('assets/fonts/roboto-bolditalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-bold.eot'); + src: local('Roboto Bold'), local('Roboto-Bold'), + url('assets/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-bold.woff2') format('woff2'), + url('assets/fonts/roboto-bold.woff') format('woff'), + url('assets/fonts/roboto-bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-mediumitalic.eot'); + src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), + url('assets/fonts/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-mediumitalic.woff2') format('woff2'), + url('assets/fonts/roboto-mediumitalic.woff') format('woff'), + url('assets/fonts/roboto-mediumitalic.ttf') format('truetype'); + font-weight: 500; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-black.eot'); + src: local('Roboto Black'), local('Roboto-Black'), + url('assets/fonts/roboto-black.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-black.woff2') format('woff2'), + url('assets/fonts/roboto-black.woff') format('woff'), + url('assets/fonts/roboto-black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-italic.eot'); + src: local('Roboto Italic'), local('Roboto-Italic'), + url('assets/fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-italic.woff2') format('woff2'), + url('assets/fonts/roboto-italic.woff') format('woff'), + url('assets/fonts/roboto-italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-thinitalic.eot'); + src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), + url('assets/fonts/roboto-thinitalic.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-thinitalic.woff2') format('woff2'), + url('assets/fonts/roboto-thinitalic.woff') format('woff'), + url('assets/fonts/roboto-thinitalic.ttf') format('truetype'); + font-weight: 100; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-thin.eot'); + src: local('Roboto Thin'), local('Roboto-Thin'), + url('assets/fonts/roboto-thin.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-thin.woff2') format('woff2'), + url('assets/fonts/roboto-thin.woff') format('woff'), + url('assets/fonts/roboto-thin.ttf') format('truetype'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Roboto'; + src: url('assets/fonts/roboto-regular.eot'); + src: local('Roboto'), local('Roboto-Regular'), + url('assets/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), + url('assets/fonts/roboto-regular.woff2') format('woff2'), + url('assets/fonts/roboto-regular.woff') format('woff'), + url('assets/fonts/roboto-regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} \ No newline at end of file