Question

我有大型商务网站，这里是网站链接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购物车页面和Checkout页面ingnoring主题字体样式

1 个答案: