Bigcommerce购物车页面和Checkout页面可忽略主题字体样式 [英] Bigcommerce Cart page and Checkout page ingnoring themes fonts style

问题描述

我有大型商务网站，这是网站链接 https://www.taoaccents.com
我正在使用网站的简单主题. 我已经上传了自定义字体，并使用正确的路径将其调用到styles.css中，以下是我在styles.css中调用的字体代码

I have big commerce website and here is the website link https://www.taoaccents.com
I am using the simple theme for the website. I have upload custom fonts and call it into styles.css with correct paths below is the code of the fonts which I have called into my 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');
}

它可以在网站上正常工作，但是有些页面上的字体无法正常工作，因此购物车和结帐处理了所有步骤

its working on website fine but there are some pages on which the fonts not working the pages cart and checkout processing all steps

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

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

请告诉我我做错了什么地方.

please suggest me where I have done wrong things.

推荐答案

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

Please use https instead of http in your URLs like so

@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购物车页面和Checkout页面可忽略主题字体样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！