(Regression) Benötigte Schriftstärke von Open Sans wird nicht geladen

1st Official Post
    Affected Version
    WoltLab Suite 5.4
    Affected App
    WoltLab Suite Core

    Es geht um dieses Feld:

    Seit 5.4 wird die Schrift Open Sans mit font-weight: 600 nicht mehr geladen, weswegen nicht mehr erkennbar ist, in welchen Themen neue Beiträge stehen, sofern die verwendete Schrift nicht auf dem System installiert ist. Tausche ich "Open Sans" gegen "Fira Sans" aus, funktioniert es. Dann gibt es auch deutlich mehr @font-face-Deklarationen in der generierten CSS-Datei.

    Das ist in beiden meiner Foren reproduzierbar.

    Forum A (bereits auf 5.4): Das Problem tritt auf.

    Forum B (noch auf 5.3): Kein Problem.

    Test-Kopie von Forum B (mit erfolgtem Update auf 5.4): Das Problem tritt auf.

    Fira Sans (5.4):

    CSS
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:100;src:local('Fira Sans Thin'), local('FiraSans-Thin'), url("../font/families/Fira%20Sans/FiraSans-Thin.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:100;src:local('Fira Sans Thin Italic'), local('FiraSans-ThinItalic'), url("../font/families/Fira%20Sans/FiraSans-ThinItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:200;src:local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url("../font/families/Fira%20Sans/FiraSans-ExtraLight.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:200;src:local('Fira Sans ExtraLight Italic'), local('FiraSans-ExtraLightItalic'), url("../font/families/Fira%20Sans/FiraSans-ExtraLightItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:300;src:local('Fira Sans Light'), local('FiraSans-Light'), url("../font/families/Fira%20Sans/FiraSans-Light.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:300;src:local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url("../font/families/Fira%20Sans/FiraSans-LightItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;src:local('Fira Sans Regular'), local('FiraSans-Regular'), url("../font/families/Fira%20Sans/FiraSans-Regular.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;src:local('Fira Sans Italic'), local('FiraSans-Italic'), url("../font/families/Fira%20Sans/FiraSans-Italic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;src:local('Fira Sans Medium'), local('FiraSans-Medium'), url("../font/families/Fira%20Sans/FiraSans-Medium.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;src:local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url("../font/families/Fira%20Sans/FiraSans-MediumItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;src:local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url("../font/families/Fira%20Sans/FiraSans-SemiBold.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;src:local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url("../font/families/Fira%20Sans/FiraSans-SemiBoldItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;src:local('Fira Sans Bold'), local('FiraSans-Bold'), url("../font/families/Fira%20Sans/FiraSans-Bold.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;src:local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url("../font/families/Fira%20Sans/FiraSans-BoldItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:800;src:local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'), url("../font/families/Fira%20Sans/FiraSans-ExtraBold.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:800;src:local('Fira Sans ExtraBold Italic'), local('FiraSans-ExtraBoldItalic'), url("../font/families/Fira%20Sans/FiraSans-ExtraBoldItalic.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:normal;font-weight:900;src:local('Fira Sans Black'), local('FiraSans-Black'), url("../font/families/Fira%20Sans/FiraSans-Black.woff2?v=1626849603") format('woff2')}@font-face{font-family:'Fira Sans';font-style:italic;font-weight:900;src:local('Fira Sans Black Italic'), local('FiraSans-BlackItalic'), url("../font/families/Fira%20Sans/FiraSans-BlackItalic.woff2?v=1626849603") format('woff2')}

    Open Sans (5.4):

    CSS
    @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-weight:300 800;font-stretch:75 100;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2 supports variations'), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2-variations'), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;font-weight:300 800;font-stretch:75 100;src:local('Open Sans Italic'), local('OpenSans-Italic'), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2 supports variations'), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2-variations'), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1626805004") format('woff2')}

    Open Sans (5.3):

    CSS
    @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url("../font/families/Open%20Sans/OpenSans-Light.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url("../font/families/Open%20Sans/OpenSans-LightItalic.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url("../font/families/Open%20Sans/OpenSans-Regular.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url("../font/families/Open%20Sans/OpenSans-Italic.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("../font/families/Open%20Sans/OpenSans-SemiBold.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url("../font/families/Open%20Sans/OpenSans-SemiBoldItalic.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url("../font/families/Open%20Sans/OpenSans-Bold.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../font/families/Open%20Sans/OpenSans-BoldItalic.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("../font/families/Open%20Sans/OpenSans-ExtraBold.woff2?v=1595938323") format('woff2')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url("../font/families/Open%20Sans/OpenSans-ExtraBoldItalic.woff2?v=1595938323") format('woff2')}

    Edited 2 times, last by Cadeyrn (July 21, 2021 at 8:57 AM).

  • Cadeyrn July 21, 2021 at 8:53 AM

    Changed the title of the thread from “Benötigte Schriftstärke von Open Sans wird nicht geladen” to “(Regression) Benötigte Schriftstärke von Open Sans wird nicht geladen”.
    • Official Post

    Hallo,

    Open Sans in WoltLab Suite 5.4 ist jetzt eine „Variable Font“ mit dynamischen Schriftgewichten von 300 bis 800:

    Quote from Cadeyrn

    font-weight:300 800;

    Welcher Browser (Firefox?) auf welchem Betriebssystem wird verwendet? Kannst du eine Testseite / einen Testbeitrag mit Schriftgewichten in 100er-Abständen zwischen 300 und 800 anfertigen?

    Sowohl in Firefox als auch in Chrome auf macOS 11.4 Big Sur getestet.

    Ich habe einen Testbeitrag im Testforum erstellt und schicke dir gleich die Zugangsdaten per Konversation.

  • Tim Düsterhus July 26, 2021 at 10:26 AM

    Added the Label Cannot reproduce

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login