Improve font support, fix svg inline #123
BIN
src/assets/fonts/roboto-black.eot
Normal file
BIN
src/assets/fonts/roboto-black.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-black.ttf
Normal file
BIN
src/assets/fonts/roboto-black.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-black.woff
Normal file
BIN
src/assets/fonts/roboto-black.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-black.woff2
Normal file
BIN
src/assets/fonts/roboto-black.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-blackitalic.eot
Normal file
BIN
src/assets/fonts/roboto-blackitalic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-blackitalic.ttf
Normal file
BIN
src/assets/fonts/roboto-blackitalic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-blackitalic.woff
Normal file
BIN
src/assets/fonts/roboto-blackitalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-blackitalic.woff2
Normal file
BIN
src/assets/fonts/roboto-blackitalic.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bold.eot
Normal file
BIN
src/assets/fonts/roboto-bold.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bold.ttf
Normal file
BIN
src/assets/fonts/roboto-bold.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bold.woff
Normal file
BIN
src/assets/fonts/roboto-bold.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bold.woff2
Normal file
BIN
src/assets/fonts/roboto-bold.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bolditalic.eot
Normal file
BIN
src/assets/fonts/roboto-bolditalic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bolditalic.ttf
Normal file
BIN
src/assets/fonts/roboto-bolditalic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bolditalic.woff
Normal file
BIN
src/assets/fonts/roboto-bolditalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-bolditalic.woff2
Normal file
BIN
src/assets/fonts/roboto-bolditalic.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-italic.eot
Normal file
BIN
src/assets/fonts/roboto-italic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-italic.ttf
Normal file
BIN
src/assets/fonts/roboto-italic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-italic.woff
Normal file
BIN
src/assets/fonts/roboto-italic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-italic.woff2
Normal file
BIN
src/assets/fonts/roboto-italic.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-light.eot
Normal file
BIN
src/assets/fonts/roboto-light.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-light.ttf
Normal file
BIN
src/assets/fonts/roboto-light.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-light.woff
Normal file
BIN
src/assets/fonts/roboto-light.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-light.woff2
Normal file
BIN
src/assets/fonts/roboto-light.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-lightitalic.eot
Normal file
BIN
src/assets/fonts/roboto-lightitalic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-lightitalic.ttf
Normal file
BIN
src/assets/fonts/roboto-lightitalic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-lightitalic.woff
Normal file
BIN
src/assets/fonts/roboto-lightitalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-lightitalic.woff2
Normal file
BIN
src/assets/fonts/roboto-lightitalic.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-medium.eot
Normal file
BIN
src/assets/fonts/roboto-medium.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-medium.ttf
Normal file
BIN
src/assets/fonts/roboto-medium.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-medium.woff
Normal file
BIN
src/assets/fonts/roboto-medium.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-medium.woff2
Normal file
BIN
src/assets/fonts/roboto-medium.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-mediumitalic.eot
Normal file
BIN
src/assets/fonts/roboto-mediumitalic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-mediumitalic.ttf
Normal file
BIN
src/assets/fonts/roboto-mediumitalic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-mediumitalic.woff
Normal file
BIN
src/assets/fonts/roboto-mediumitalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-mediumitalic.woff2
Normal file
BIN
src/assets/fonts/roboto-mediumitalic.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-regular.eot
Normal file
BIN
src/assets/fonts/roboto-regular.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-regular.ttf
Normal file
BIN
src/assets/fonts/roboto-regular.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-regular.woff
Normal file
BIN
src/assets/fonts/roboto-regular.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-regular.woff2
Normal file
BIN
src/assets/fonts/roboto-regular.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thin.eot
Normal file
BIN
src/assets/fonts/roboto-thin.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thin.ttf
Normal file
BIN
src/assets/fonts/roboto-thin.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thin.woff
Normal file
BIN
src/assets/fonts/roboto-thin.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thin.woff2
Normal file
BIN
src/assets/fonts/roboto-thin.woff2
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thinitalic.eot
Normal file
BIN
src/assets/fonts/roboto-thinitalic.eot
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thinitalic.ttf
Normal file
BIN
src/assets/fonts/roboto-thinitalic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thinitalic.woff
Normal file
BIN
src/assets/fonts/roboto-thinitalic.woff
Normal file
Binary file not shown.
BIN
src/assets/fonts/roboto-thinitalic.woff2
Normal file
BIN
src/assets/fonts/roboto-thinitalic.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
181
src/index.css
181
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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user