Loading af færre fonte

[jesperronn]

hvad er egentlig grunden til at DKFDS loader så mange fonte i standard opsætning?

Her er et eks fra DKFDS egen dokumentation https://designsystem.dk/kode/typografi/

Hvorfor skal der bruges 8 fonte?

Hvordan kan jeg reducere antallet af fonte der loades?

Må man egentlig lave en offentlig løsning der ikke benytter Designsystem fonte? (dvs. udelukkende fx benytter system font for at loade hurtigere?)

Baggrund: Jeg arbejder med en login-løsning, hvor vores brugere måske ser en hurtig side som ikke skal være i vejen. Jeg kan ikke se nogen grund til at der skal loades 8 fonte og spildes 500 KB på dette.

[detfaellesdesignsystem]

Hej @jesperronn

Tak for din henvendelse!

Årsagen til at der er mange fonte i designsystemet er, at hver "effekt" (fx fed og kursiv) har deres egen font. Jo flere forskellige teksteffekter der anvendes på en side, jo flere fonte skal der indlæses.

Preload af fonte er for at undgå "flash of unstyled text" (også kaldet FOUT). Hvis I oplever, at brugeren får en dårligere oplevelse af, at I preloader fonte, kan dette sagtens udelades. I kan også vælge at begrænse mængden af fonte I preloader, fx så I kun preloader den mest anvendte font (typisk "IBMPlexSans-Regular").

Jeg tager din feedback videre til resten af teamet, så vi er obs på problematikken fremadrettet. Skriv endelig igen, hvis du har flere spørgsmål.

Med venlig hilsen Helle Juhl Det Fælles Designsystem

[jesperronn]

Tak for hurtigt svar, Helle

jeg har nu gennem dagen kigget nærmere på flere andre løsninger, hvor det virker som om mange benytter egne eller specielle fonte. Eksempler jeg stødte på:

• borger.dk (opensans)
• sundhed.dk(titillium-web)
• skat(AcademySans)
• atp (egen font?)

For sidstnævntes vedkommende ser jeg dog nogle selvbetjeningsløsninger som anvender IBMPlexSans.

Jeg kunne faktisk umiddelbart kun finde virk.dk som benytter DKFDS default fonten IBMPlexSans.

Jeg vil rigtig gerne høre jeres vinkel på om det er OK og i stil med offentlige krav at lave en løsning som ikke benytter Designsystem fonten (dvs. udelukkende fx benytter system font for at loade hurtigere)?

Ser frem til jeres feedback

[detfaellesdesignsystem]

Hej @jesperronn

Fonten er en central del af Det Fælles Designsystem, og vi kan derfor ikke anbefale at udelade den.

Med venlig hilsen Helle Juhl Det Fælles Designsystem

[jesperronn]

Tak for svar @HEF-NC

vedr.

vi kan derfor ikke anbefale at udelade den

jeg forstår ikke helt? Kan du forklare nærmere?

Det lyder på dig som om brug af IBMPlexSans font ikke er et krav men en anbefaling?

Hvis det ikke er et krav men en anbefaling så behøver vi ikke at bruge fonten i offentlige løsninger?

"vi kan ikke anbefale at udelade [font]"

Hvis den ikke-anbefaling står ved magt, hvad er så argumentet for at andre sites benytter en anden font? (fx sundhed.dk, borger.dk, atp??)

Du må meget gerne sætte lidt flere ord på hvis du har mulighed 👍

[detfaellesdesignsystem]

Hej @jesperronn

Det betyder blot, at vi ikke kan forhindre jer at undlade at bruge fonten, hvis I ønsker at afvige fra designsystemet. Hvis I har et krav i jeres løsning om at anvende Det Fælles Designsystem, så er fonten en nødvendig del at inkludere. Hvad der ligger til grund for, at nogle løsninger vælger en anden font, kan vi ikke svare på. Dog skal det siges, at lige netop dine to eksempler, borger.dk og sundhed.dk, har deres eget design – Det Fælles Designsystem er målrettet selvbetjeningsløsninger, der fx kan tilgås via borger.dk.

Med venlig hilsen Helle Juhl Det Fælles Designsystem

[jesperronn]

Tak for uddybningen.

Jeres svar giver mig bedre forståelse for de forretningsmæssige valg i forbindelse med hvornår man bør benytte designsystem fontene og jeg forstår nu at at man SKAL benytte fontene hvis der foreligger KRAV om at benytte designsystem.

Korreks gerne min opfattelse hvis jeg tager fejl

Vi fik ikke lige berørt det tekniske aspekt i at optimere designsystem til at fylde mindre så man dermed sparer båndbredde ved fx at reducere antallet af fonte som designsystem benytter. Men lad os gemme det til en anden tråd.