Self-host fonts
<ec-self-host-font> downloader fontfiler og renderer et partial med den lokale fontopsætning.
Font-id’et konverteres til kebab-case, før det sendes til font-servicen.
<ec-self-host-font id="Inter" weights="400,700" styles="normal" subsets="latin" formats="woff2"></ec-self-host-font>Attributter
Sektion kaldt “Attributter”| Attribut | Beskrivelse |
|---|---|
id |
Font family, fx Inter eller Source Sans 3. |
formats |
Kommasepareret liste. Standard håndteres af helperen, typisk woff2. |
variants |
Kommasepareret liste af varianter. |
styles |
Kommasepareret liste, fx normal,italic. |
weights |
Kommasepareret liste, fx 400,700. |
subsets |
Kommasepareret liste, fx latin,latin-ext. |
view |
Partialnavn. Standard er SelfHostedFont. |
Konfiguration
Sektion kaldt “Konfiguration”builder.Services.Configure<SelfHostOptions>(options =>{ options.RootFolder = "/assets"; options.SelfHostFontFolder = "fonts"; options.SelfHostFontBaseUrl = "https://gwfh.mranftl.com";});Fontfiler gemmes under RootFolder og SelfHostFontFolder.
Custom partial
Sektion kaldt “Custom partial”Angiv view, hvis projektet skal styre markup selv.
<ec-self-host-font id="Inter" weights="400,700" view="Partials/Fonts/Inter"></ec-self-host-font>