feat: self-host fonts

Felix Boerner

31.03.2024 e201c1948eaabb9c91204d80b755c6e9a9d02ee2

feat: self-host fonts

Closes #22

 assets/scss/_content.scss

@@ -1,11 +1,4 @@
//-------------------------------------------------------------------------------
// Google Font Import
//-------------------------------------------------------------------------------

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');
@import url('https://fonts.googleapis.com/css?family=Lora');

//-------------------------------------------------------------------------------
// Fade In
//-------------------------------------------------------------------------------


 assets/scss/_fonts.scss

New file
@@ -0,0 +1,30 @@
//-------------------------------------------------------------------------------
// Fonts - https://gwfh.mranftl.com/
//-------------------------------------------------------------------------------

/* montserrat-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2');
}

/* montserrat-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2');
}

/* lora-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lora-v35-latin-regular.woff2') format('woff2');
}

 assets/scss/split.scss

@@ -28,4 +28,5 @@
//-------------------------------------------------------------------------------

@import "reset";
@import "fonts";
@import "content";

 static/fonts/lora-v35-latin-regular.woff2

Binary files differ

 static/fonts/montserrat-v26-latin-600.woff2

Binary files differ

 static/fonts/montserrat-v26-latin-regular.woff2

Binary files differ

 tests/exampleSiteWithImage/budget.desktop.json

@@ -1,18 +1,18 @@
{
    "budget": {
        "requests": {
            "total": 9
            "total": 8
        },
        "transferSize": {
            "total": 324608
        },
        "thirdParty": {
            "requests": 5
            "requests": 1
        },
        "score": {
            "bestpractice": 93,
            "privacy": 84,
            "performance": 86
            "privacy": 89,
            "performance": 81
        }
    }
}

 tests/exampleSiteWithImage/budget.mobile.json

@@ -1,18 +1,18 @@
{
    "budget": {
        "requests": {
            "total": 9
            "total": 8
        },
        "transferSize": {
            "total": 324608
        },
        "thirdParty": {
            "requests": 5
            "requests": 1
        },
        "score": {
            "bestpractice": 93,
            "privacy": 84,
            "performance": 86
            "privacy": 89,
            "performance": 81
        }
    }
}

 tests/exampleSiteWithVideo/budget.desktop.json

@@ -1,18 +1,18 @@
{
    "budget": {
        "requests": {
            "total": 9
            "total": 8
        },
        "transferSize": {
            "total": 2048000
        },
        "thirdParty": {
            "requests": 5
            "requests": 1
        },
        "score": {
            "bestpractice": 93,
            "privacy": 84,
            "performance": 84
            "privacy": 89,
            "performance": 79
        }
    }
}

 tests/exampleSiteWithVideo/budget.mobile.json

@@ -1,18 +1,18 @@
{
    "budget": {
        "requests": {
            "total": 9
            "total": 8
        },
        "transferSize": {
            "total": 2048000
        },
        "thirdParty": {
            "requests": 5
            "requests": 1
        },
        "score": {
            "bestpractice": 93,
            "privacy": 84,
            "performance": 82
            "privacy": 89,
            "performance": 77
        }
    }
}