Question

我在网站上使用 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实现这个。在互联网上搜索没有给我答案。

有什么想法吗？

亲切的问候。

Answer 1

这样：

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

请点击此处了解详情：https://developer.mozilla.org/en-US/docs/CSS/Media_queries

Answer 2

使用媒体查询-moz-windows-compositor，您只是针对Windows / Linux上的Firefox，针对各种其他操作系统（如果您也遇到字体问题），您需要

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

CSS媒体查询，Opera和Firefox都有问题

2 个答案: