CSS媒体查询、Opera和Firefox问题

我正在为我的网站使用Ubuntu字体，当我这样做时Opera不会呈现页面：

html {
  font-family: 'Ubuntu', sans-serif;
}

因此，我必须进行css媒体查询：

/*Chrome*/
@media not all and (-webkit-min-device-pixel-ratio:0) {  
  html,
  button,
  input,
  select,
  textarea {
    font-family: 'Ubuntu',sans-serif;
  } 
}

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  html,
  button,
  input,
  select,
  textarea {
    font-family: 'Ubuntu',sans-serif;
  } 
}

/*Opera*/
@media not screen and (1) {
  html,
  button,
  input,
  select,
  textarea {
    font-family: sans-serif;
  } 
}

问题是，现在我不知道如何在Firefox上实现这一点。搜索互联网还没有给我答案

有什么想法吗

亲切的问候。

这样：

@media not all and (-moz-windows-compositor) { ... }

---

查看此处了解更多信息：

通过媒体查询

-moz-windows-compositor

您的目标是windows/Linux上的Firefox，以及您需要的各种其他操作系统（如果您在那里的字体也有问题）

 @media not all and (-moz-device-pixel-ratio) {…}

---

关于这个问题的一些信息可能会有所帮助：你对如何为IE实现这一点有什么想法吗？谢谢。很遗憾，Internet Explorer 8或更早版本不支持媒体查询。