Update custom-head.blade.php

extra/custom-head.blade.php

@@ -19,42 +19,169 @@ Down below, you can find a few examples using this function:
 --}}
 
 <style> 
-@font-face{font-family:'mctit';src:url('{{themeAsset('mctitle.ttf')}}')}
+/* cyrillic */
-@font-face{font-family:'mctxt';src:url('{{themeAsset('mctitle.ttf')}}')}
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-400-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-400-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-400-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-400-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-400-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-400-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-400-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-400-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-500-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-500-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-500-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-500-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-500-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-500-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-500-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-500-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-600-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-600-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-600-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-600-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-600-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-600-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-600-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-600-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-700-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-700-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-700-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-700-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-700-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-700-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-700-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-700-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
 
-  html {
+html {
     font-size: 100%; }
 
+  /* Dark/light mode detection (comment this section out and use the one below for a fixed background color) */
       body {
-        font-size: 18px;
+        font-size: 16px;
-        line-height: 24px;
+        background: url({{themeAsset('../../background.png')}});
-        background: #F1F1F1;
+        background-size: cover;
-        font-family: "mctxt", sans-serif;
+        background-repeat: no-repeat;
-        letter-spacing: 0.1em;
+        font-family: 'Inter', sans-serif;
-        color: #ffffff;
+        max-height: 100%;
+        border: 1px solid transparent;
+        color: #1F365C;
+        background-position: center center;
       }
-
+/* Use this for a fixed background color instead of dark and light mode
-        @keyframes background-image-animation {
+    body {
-          0% {background-position: 0 0;}
+      font-size: 18px;
-          100% {background-position: -4096px 0;}
+      line-height: 24px;
-        }
+      font-weight: 400;
-
+      font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
-        .parallax-background {
+        sans-serif;
-          position: fixed; 
+    }
-          top: 0; 
+*/
-          left: 0; 
-          width: 100%; 
-          height: 100%;
-          will-change: transform;
-          animation: background-image-animation 250s linear infinite;
-          transform: translateX(0) scale(1.1);
-          background: url({{themeAsset('../../background.jpg')}}) repeat-x center center;
-          background-size: cover;
-          filter: brightness(60%) blur(3px) grayscale(10%);;
-        }
-        
-        @keyframes background-image-animation {
-          0% {background-position: 0 0;}
-          100% {background-position: -4096px 0;}
-        }
 </style>