css - 未加载粗体 @font-face

Question

我正在尝试制作一个 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>

Answer 1

我做了以下操作，它似乎适用于所有浏览器。注意下面的第三个“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如果复制/过去有帮助。