应用错误收集

我在使用firefox扩展程序的面板中添加字体时遇到了一些麻烦。这是一个简化的代码：

main.js

var panel = panels.Panel({
  contentURL: self.data.url("panel.html"),
});

panel.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" href="font.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="wrapper">
    lorem ...
    <button>Deactivate</button>
  </div>
</body>
</html>

font.css

@font-face {
  font-family: 'MyFont';
  src: url('MyFont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

的style.css

.wrapper {
  font-family: 'MyFont', sans-serif;
}

结果如下：

firefox

为了进行比较，以下是chrome的结果：

chrome

使用的字体文件是相同的。

你知道是什么导致这种情况以及如何解决这个问题吗？

谢谢，

Firefox插件面板字体

0 个答案: