feat: update site typography by importing new Google Fonts and configuring global CSS font variables
This commit is contained in:
@@ -70,6 +70,7 @@ $favicon_path = setting('site_favicon');
|
||||
<link rel="preload" href="{{ asset('assets/css/fonts/space.css') }}" as="style" onload="this.rel='stylesheet'">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=translate">
|
||||
|
||||
<!-- Site Verification -->
|
||||
@@ -166,6 +167,24 @@ $favicon_path = setting('site_favicon');
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
|
||||
--font-Manrope: 'Inter', sans-serif !important;
|
||||
--font-THICCCBOI: 'Inter', sans-serif !important;
|
||||
--font-Urbanist: 'Inter', sans-serif !important;
|
||||
--font-SpaceGrotesk: 'Outfit', sans-serif !important;
|
||||
--font-DMSerif: 'Outfit', serif !important;
|
||||
--default-font-family: 'Inter', sans-serif !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .display-font, [class*="display-"] {
|
||||
font-family: 'Outfit', sans-serif !important;
|
||||
}
|
||||
|
||||
<?php echo setting('custom_css') ?>
|
||||
</style>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user