Fix: Fonts and Home background not loading properly when using rootpath

This commit is contained in:
nicolas.dorier 2021-10-25 15:04:24 +09:00
parent 26bcdbc766
commit fc7125b8cd
No known key found for this signature in database
GPG Key ID: 6618763EF09186FE
5 changed files with 48 additions and 48 deletions

View File

@ -5,8 +5,8 @@
font-weight: 300;
font-display: swap;
src: local('Montserrat Light'), local('Montserrat-Light'),
url('/fonts/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-300.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-300.woff') format('woff');
}
@font-face {
@ -15,8 +15,8 @@
font-weight: 300;
font-display: swap;
src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
url('/fonts/montserrat-v14-latin-ext_latin-300italic.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-300italic.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-300italic.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-300italic.woff') format('woff');
}
@font-face {
@ -25,8 +25,8 @@
font-weight: 400;
font-display: swap;
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('/fonts/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-regular.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-regular.woff') format('woff');
}
@font-face {
@ -35,8 +35,8 @@
font-weight: 400;
font-display: swap;
src: local('Montserrat Italic'), local('Montserrat-Italic'),
url('/fonts/montserrat-v14-latin-ext_latin-italic.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-italic.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-italic.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-italic.woff') format('woff');
}
@font-face {
@ -45,8 +45,8 @@
font-weight: 700;
font-display: swap;
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('/fonts/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-700.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-700.woff') format('woff');
}
@font-face {
@ -55,6 +55,6 @@
font-weight: 700;
font-display: swap;
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
url('/fonts/montserrat-v14-latin-ext_latin-700italic.woff2') format('woff2'),
url('/fonts/montserrat-v14-latin-ext_latin-700italic.woff') format('woff');
url('../../fonts/montserrat-v14-latin-ext_latin-700italic.woff2') format('woff2'),
url('../../fonts/montserrat-v14-latin-ext_latin-700italic.woff') format('woff');
}

View File

@ -5,8 +5,8 @@
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'),
url('/fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff');
}
@font-face {
@ -15,8 +15,8 @@
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('/fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff');
}
@font-face {
@ -25,8 +25,8 @@
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url('/fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff');
}
@font-face {
@ -35,8 +35,8 @@
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('/fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff');
}
@font-face {
@ -45,8 +45,8 @@
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff');
}
@font-face {
@ -55,8 +55,8 @@
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff');
}
@font-face {
@ -65,8 +65,8 @@
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('/fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff');
}
@font-face {
@ -75,8 +75,8 @@
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff');
}
@font-face {
@ -85,8 +85,8 @@
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url('/fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff');
}
@font-face {
@ -95,6 +95,6 @@
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'),
url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff');
url('../../fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'),
url('../../fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff');
}

View File

@ -5,8 +5,8 @@
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff');
}
@font-face {
@ -15,8 +15,8 @@
font-weight: 400;
font-display: swap;
src: local('Roboto Italic'), local('Roboto-Italic'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff');
}
@font-face {
@ -25,8 +25,8 @@
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff');
}
@font-face {
@ -35,8 +35,8 @@
font-weight: 500;
font-display: swap;
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff');
}
@font-face {
@ -45,8 +45,8 @@
font-weight: 700;
font-display: swap;
src: local('Roboto Bold'), local('Roboto-Bold'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff');
}
@font-face {
@ -55,6 +55,6 @@
font-weight: 700;
font-display: swap;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'),
url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff');
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'),
url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff');
}

View File

@ -4,6 +4,6 @@
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
url('/fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff');
src: url('../../fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
url('../../fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff');
}

View File

@ -1,4 +1,4 @@
/* Set scroll padding so that anchors don't disappear underneath the fixed navbar */
/* Set scroll padding so that anchors don't disappear underneath the fixed navbar */
html {
scroll-padding-top: 5rem;
}
@ -445,7 +445,7 @@ header.masthead::before {
left: 0;
width: 100%;
height: 100%;
background-image: url("../../img/bg.png");
background-image: url("../img/bg.png");
background-position: center;
background-size: cover;
}