Javascript Firefox插件面板字体_Javascript_Firefox_Google Chrome Extension_Firefox Addon Sdk

Javascript Firefox插件面板字体

javascript firefox google-chrome-extension

Javascript Firefox插件面板字体,javascript,firefox,google-chrome-extension,firefox-addon-sdk,Javascript,Firefox,Google Chrome Extension,Firefox Addon Sdk,我在为我的firefox扩展添加字体时遇到了一点麻烦。下面是一个简化的代码： main.js panel.html style.css 结果如下：为了进行比较，以下是chrome的结果：使用的字体文件是相同的你知道什么会导致这种情况，以及如何修复它吗谢谢，您将MyFont.woff文件存储在哪里？与font.css处于同一级别。。。但是使用另一种字体，比如Web安全字体，结果似乎是一样的…浏览器控制台中是否有任何警告或错误？不，我相信字体加载正确，但结果确实不好。。。 var pa

我在为我的firefox扩展添加字体时遇到了一点麻烦。下面是一个简化的代码：

main.js

panel.html

style.css

结果如下：

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

使用的字体文件是相同的

你知道什么会导致这种情况，以及如何修复它吗

谢谢，

您将

MyFont.woff

文件存储在哪里？与

font.css

处于同一级别。。。但是使用另一种字体，比如Web安全字体，结果似乎是一样的…浏览器控制台中是否有任何警告或错误？不，我相信字体加载正确，但结果确实不好。。。

var panel = panels.Panel({
  contentURL: self.data.url("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-face {
  font-family: 'MyFont';
  src: url('MyFont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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