Improve font support, fix svg inline #123

Merged
enes merged 5 commits from issue-fonts-support into staging 2024-08-02 09:52:14 +00:00
53 changed files with 157 additions and 24 deletions
Showing only changes of commit a63ea913d9 - Show all commits

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -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;
}