Add sans-serif font fallback (#2263)

* Add sans-serif font fallback

* Update frontend readme start scripts
This commit is contained in:
Benjamin B
2023-05-06 07:01:13 +10:00
committed by Aiden McClelland
parent ee13cf7dd9
commit 273b5768c4
8 changed files with 22 additions and 22 deletions

View File

@@ -14,9 +14,9 @@ ion-card {
transform: scale(1.05);
transition-delay: 40ms;
}
ion-card-title {
font-family: 'Open Sans';
font-family: 'Open Sans', sans-serif;
padding: 0.6rem;
font-weight: 600;
font-size: calc(12px + 0.5vw);
@@ -29,16 +29,16 @@ ion-card {
flex-direction: column;
justify-content: center;
align-items: center;
ion-icon {
font-size: calc(90px + 0.5vw);
--ionicon-stroke-width: 1rem;
}
}
ion-footer {
padding: 1rem;
font-family: 'Open Sans';
font-family: 'Open Sans', sans-serif;
font-size: clamp(1rem, calc(12px + 0.5vw), 1.3rem);
height: 9rem;
width: clamp(13rem, 80%, 18rem);
@@ -66,4 +66,4 @@ ion-card {
ion-footer {
width: 14rem;
}
}
}

View File

@@ -75,7 +75,7 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Open Sans';
--ion-font-family: 'Open Sans', sans-serif;
--ion-background-color: var(--ion-color-medium);
--ion-background-color-rgb: var(--ion-color-medium-rgb);
--ion-text-color: var(--ion-color-dark);
@@ -191,11 +191,11 @@ ion-back-button {
}
ion-card-title {
font-family: 'Montserrat';
font-family: 'Montserrat', sans-serif;
}
ion-title {
font-family: 'Montserrat';
font-family: 'Montserrat', sans-serif;
}
ion-badge {