For at kombinere to skrifttyper automatisk, så tegn, der ikke er tilgængelige i den første skrifttype, men er tilgængelige i den anden, kan flettes ind i den første skrifttype, kan du bruge CSS. Her er en trin-for-trin guide:
Først skal du sørge for, at de skrifttyper, du vil kombinere, er tilgængelige. Du kan bruge @font-face til at importere skrifttyperne, hvis de ikke allerede er tilgængelige på din server.
@font-face {
font-family: 'PrimaryFont';
src: url('PrimaryFont.woff2') format('woff2');
}
@font-face {
font-family: 'FallbackFont';
src: url('FallbackFont.woff2') format('woff2');
}
Når du har defineret skrifttyperne, kan du bruge CSS til at specificere, at den anden skrifttype skal bruges som en fallback, hvis et tegn ikke er tilgængeligt i den første skrifttype.
.combined-font {
font-family: 'PrimaryFont', 'FallbackFont', sans-serif;
}
Til sidst skal du anvende den kombinerede skrifttype på de elementer, hvor du ønsker at bruge den.
<p class="combined-font">
Dette er en tekst, der bruger en kombination af to skrifttyper.
</p>
Ved at følge disse trin kan du sikre, at tegn, der ikke er tilgængelige i den første skrifttype, automatisk hentes fra den anden skrifttype, hvilket giver en mere komplet og sammenhængende typografisk oplevelse.