我正在尝试做一个eBay列表模板 - 一切都在我的编辑器中运行正常但在eBay上没有加载粗体和半框架字体,有一段时间只会加载两种字体,现在我可以加载4种字体。任何人都可以看到它不会加载所有这些的原因吗?
@font-face {font-family: 'ProximaNova';src: url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.ttf') format('truetype');font-weight: light;font-style: normal;}
@font-face {font-family: 'ProximaNova'; src: url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ProximaNova';src: url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'ProximaNova';src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'ProximaNova';src: url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.ttf') format('truetype');font-weight: 200;font-style: normal;}
@font-face {font-family: 'ProximaNova';src: url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.eot');src: url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.ttf') format('truetype');font-weight: 900;font-style: normal;}
这是标题,应该是格外的
<!-- Text -->
<table style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="mobile" border="0" width="600" cellpadding="0" cellspacing="0" object="drag-module-small">
<tr>
<td align="center" width="100%" style="font-size: 47px; color: #ffffff; text-align: center; line-height: 50px; vertical-align: top;">
<span style="font-family:'ProximaNova', Helvetica; font-weight:900; color: rgb(255, 255, 255);">World Class <br>Bespoke Mac Solutions.</span>
答案 0 :(得分:0)
我做了以下操作,它似乎适用于所有浏览器。注意下面的第三个“src”。这是一个错误修正,所以所有字体加载。
@font-face {
font-family: 'ProximaNova-Bold';
src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot');
src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype');
src:local("☺"),
url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.woff') format('woff'),
url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.ttf') format('truetype');
}
看起来粗体字体没有加载到页面中。
如果复制/过去有帮助,这里是Codepen Link。