Bigcommerce 购物车页面和结帐页面忽略主题字体样式

Question

我有大型商业网站，这是网站 link https://www.taoaccents.com
我正在为网站使用简单的主题。我已经上传自定义字体并使用正确的路径将其调用到 styles.css 下面是我调用到我的 styles.css

的字体代码

@font-face {
    font-family: 'ProximaNovaReg';
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.eot');
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.eot') format('embedded-opentype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.woff2') format('woff2'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.woff') format('woff'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.ttf') format('truetype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.svg#ProximaNovaReg') format('svg');
}

@font-face {
    font-family: 'ProximaNovaSbold';
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.eot');
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.eot') format('embedded-opentype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.woff2') format('woff2'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.woff') format('woff'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.ttf') format('truetype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaSbold.svg#ProximaNovaSbold') format('svg');
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.eot');
    src: url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.eot') format('embedded-opentype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.woff2') format('woff2'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.woff') format('woff'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.ttf') format('truetype'),
         url('http://www.taoaccents.com/template/Styles/fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
}

它在网站上运行良好，但有些页面的字体无法正常工作，页面购物车和结帐处理所有步骤

https://www.taoaccents.com/cart.php

https://www.taoaccents.com/checkout.php

请指出我哪里做错了。

Answer 1

请像这样在您的网址中使用 https 而不是 http

@font-face {
font-family: 'ProximaNovaReg';
src: url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.eot');
src: url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.eot') format('embedded-opentype'),
url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.woff2') format('woff2'),
url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.woff') format('woff'),
url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.ttf') format('truetype'),        url('https://www.taoaccents.com/template/Styles/fonts/ProximaNovaReg.svg#ProximaNovaReg') format('svg');
}

Bigcommerce 购物车页面和结帐页面忽略主题字体样式

Bigcommerce Cart page and Checkout page ingnoring themes fonts style

html

css

fonts

bigcommerce