Typsnittspaket

Innehåll

Innehåller den standardfont och konfiguration som Försäkringskassan använder (Inter).

Användning

För att använda standardfonten importera @fkui/default-font efter tema (exempelvis @fkui/theme-default):

 @use "@fkui/theme-default";
+@use "@fkui/font-default";

För att applicera CSS på en egen selector sätter du $global: false och använder den som en mixin istället:

@use "@fkui/font-default" with (
    $global: false
);

.awesome-selector {
    @include font-default.font;
}

Om du inte använder Vite behöver du:

  1. Manuellt kopiera över filer till den katalog som innehåller dina kompilerade css-filer.
  2. Sätta $asset-path till en relativ sökväg från den byggda css-filen till katalogen som innehåller filerna.
 @use "@fkui/theme-default";
+@use "@fkui/font-default" with (
+  $asset-path: "./fonts"
+);

Metadata

Paketet levererar metadata i @fkui/font-default/metadata med följande format:

export interface Asset {
    /** Name of the font file */
    name: string;
    /** Relative path to the font file */
    filename: string;
    /** Full path to the font file */
    filePath: string;
}

/** Absolute path to the folder containing the font files */
export declare const fontDir: string;

/** List of available font assets */
export declare const assets: Asset[];

Kan med fördel användas för att kopiera över samtliga fontfiler.

Esc för att stänga Pil upp/ner för att navigera Enter för att välja