Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Firefox Windows/Linux不稳定_Css_Linux_Firefox_Fonts_Font Face - Fatal编程技术网

Css Firefox Windows/Linux不稳定

Css Firefox Windows/Linux不稳定,css,linux,firefox,fonts,font-face,Css,Linux,Firefox,Fonts,Font Face,在Firefox Windows/Firefox Linux中有非常不同的呈现方式,但版本相似,默认参数都相同 原因似乎是字体呈现方式非常不同。这: font-family: sans-serif; 在Windows上提供类似Arial的字体: Linux上的字体有点不同: 如何解决这个问题并在Firefox Win/Firefox Linux中进行持续渲染? 如果可能,我希望保留Windows渲染您只定义了字体名称sans serif,它本身不是字体,只是告诉浏览器使用浏览器喜欢的任何san

在Firefox Windows/Firefox Linux中有非常不同的呈现方式,但版本相似,默认参数都相同

原因似乎是字体呈现方式非常不同。这:

font-family: sans-serif;
在Windows上提供类似Arial的字体:

Linux上的字体有点不同:

如何解决这个问题并在Firefox Win/Firefox Linux中进行持续渲染?
如果可能,我希望保留Windows渲染

您只定义了字体名称sans serif,它本身不是字体,只是告诉浏览器使用浏览器喜欢的任何sans serif字体。但是,即使您给出了一个具体的字体名称,也要注意Win/Linux中安装的字体并不相同。此外,字体呈现取决于操作系统,因此两个操作系统呈现字体的方式可能略有不同。解决这一问题的最佳方法是使用web字体,其中Win和Linux的字体文件相同。也给了你更多的设计自由,因为你不必依赖操作系统提供的字体

但即使如此,用户选择使用更大的字体大小也是可能的,并且您仍然存在渲染差异,但不像您的示例中明显有两种完全不同的字体那样明显


换句话说:实现每个字体呈现看起来完全相同的结果是不可能的。这就是www的本质。

谢谢!我想在Linux上不可能使用Arial?除非我手动安装,但我不会为我网站的每个访问者这样做;是的,你明白了。但是为什么要使用Arial呢?太无聊了;顺便说一句,你说的Linux是什么意思?在我的问题中的这个示例截图中,Arial看起来比外观厚重的Firefox Ubuntu渲染更加平衡。您通常使用什么来代替字体系列:无衬线;提供更好的一致性?你有一个例子吗?对不起,我认为在这种情况下没有更好的一致性。在Mac vs Win上,您可以执行以下操作:字体系列:Arial、Helvetica、sans serif;,因为Arial实际上是Helvetica的克隆。因此,您告诉浏览器使用Arial,如果找不到Arial,则使用Helvetica,然后使用任何无衬线字体作为备用。但在Ubuntu上,甚至没有安装Helvetica。Ubuntu只是Linux的一个变种。同样,如果这对您来说真的很重要,请使用您自己的自定义字体,以便至少所有浏览器都显示相同的字体系列。Ok。如何使用我自己的自定义字体?哦,还有一件事:我不在乎字体本身,但我在乎文本的宽度。在我的示例中,如何使论坛文本至少具有相同的宽度?请参阅Linux和Windows的问题?