Gå til indhold

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>
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.
builder.Services.Configure<SelfHostOptions>(options =>
{
options.RootFolder = "/assets";
options.SelfHostFontFolder = "fonts";
options.SelfHostFontBaseUrl = "https://gwfh.mranftl.com";
});

Fontfiler gemmes under RootFolder og SelfHostFontFolder.

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>