From 754c8c0e61020f13b6c46bf2ac19b03ddc028ef7 Mon Sep 17 00:00:00 2001 From: Hao Yang Date: Wed, 5 Jun 2019 12:23:44 +0800 Subject: [PATCH] use relative path to load fonts/oxygen-* Failed to load fonts/oxygen-* when not set base_url to root domain. (For example, www.example.com/foo/) --- assets/_fonts.scss | 48 +++++++++++++++++++++++----------------------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/assets/_fonts.scss b/assets/_fonts.scss index cf8f5ab..d062346 100644 --- a/assets/_fonts.scss +++ b/assets/_fonts.scss @@ -4,13 +4,13 @@ font-style: normal; font-weight: 300; font-display: swap; - src: url('/fonts/oxygen-v8-latin-300.eot'); /* IE9 Compat Modes */ + src: url('./fonts/oxygen-v8-latin-300.eot'); /* IE9 Compat Modes */ src: local('Oxygen Light'), local('Oxygen-Light'), - url('/fonts/oxygen-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/fonts/oxygen-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ - url('/fonts/oxygen-v8-latin-300.woff') format('woff'), /* Modern Browsers */ - url('/fonts/oxygen-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/fonts/oxygen-v8-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */ + url('./fonts/oxygen-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/oxygen-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/oxygen-v8-latin-300.woff') format('woff'), /* Modern Browsers */ + url('./fonts/oxygen-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/oxygen-v8-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */ } /* oxygen-regular - latin */ @font-face { @@ -18,13 +18,13 @@ font-style: normal; font-weight: 400; font-display: swap; - src: url('/fonts/oxygen-v8-latin-regular.eot'); /* IE9 Compat Modes */ + src: url('./fonts/oxygen-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Oxygen Regular'), local('Oxygen-Regular'), - url('/fonts/oxygen-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/fonts/oxygen-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('/fonts/oxygen-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('/fonts/oxygen-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/fonts/oxygen-v8-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */ + url('./fonts/oxygen-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/oxygen-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/oxygen-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/oxygen-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/oxygen-v8-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */ } /* oxygen-700 - latin */ @font-face { @@ -32,13 +32,13 @@ font-style: normal; font-weight: 700; font-display: swap; - src: url('/fonts/oxygen-v8-latin-700.eot'); /* IE9 Compat Modes */ + src: url('./fonts/oxygen-v8-latin-700.eot'); /* IE9 Compat Modes */ src: local('Oxygen Bold'), local('Oxygen-Bold'), - url('/fonts/oxygen-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/fonts/oxygen-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('/fonts/oxygen-v8-latin-700.woff') format('woff'), /* Modern Browsers */ - url('/fonts/oxygen-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/fonts/oxygen-v8-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */ + url('./fonts/oxygen-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/oxygen-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/oxygen-v8-latin-700.woff') format('woff'), /* Modern Browsers */ + url('./fonts/oxygen-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/oxygen-v8-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */ } /* oxygen-mono-regular - latin */ @font-face { @@ -46,13 +46,13 @@ font-style: normal; font-weight: 400; font-display: swap; - src: url('/fonts/oxygen-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */ + src: url('./fonts/oxygen-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Oxygen Mono'), local('OxygenMono-Regular'), - url('/fonts/oxygen-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/fonts/oxygen-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('/fonts/oxygen-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('/fonts/oxygen-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/fonts/oxygen-mono-v6-latin-regular.svg#OxygenMono') format('svg'); /* Legacy iOS */ + url('./fonts/oxygen-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/oxygen-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/oxygen-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/oxygen-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/oxygen-mono-v6-latin-regular.svg#OxygenMono') format('svg'); /* Legacy iOS */ } body {