Files
citrus/resources/views/components/company-history/fonts.blade.php
T

47 lines
1.5 KiB
PHP

@once
@php
$companyHistoryFontsUrl = 'https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Sora:wght@600;700;800&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;1,400&display=swap&subset=latin,latin-ext';
@endphp
@push('head')
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="{{ $companyHistoryFontsUrl }}">
<link rel="stylesheet" href="{{ $companyHistoryFontsUrl }}">
@endpush
@push('styles')
<style>
.company-history-fonts {
--ch-font-year: 'Sora', system-ui, sans-serif;
--ch-font-label: 'Outfit', system-ui, sans-serif;
--ch-font-body: 'Source Sans 3', system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-size-adjust: 100%;
}
.company-history-fonts h1 {
font-family: var(--ch-font-year);
letter-spacing: -0.03em;
}
.company-history-fonts h1 em {
font-family: var(--ch-font-label);
font-style: italic;
font-weight: 600;
}
.company-history-fonts .lead {
font-family: var(--ch-font-body);
}
.company-history-fonts .btn {
font-family: var(--ch-font-label);
font-weight: 600;
letter-spacing: 0.02em;
}
</style>
@endpush
@endonce