☰

安装 MS 字体后，字体仍然与 Windows 上的不一样

tag-icon • tag-icon windows fonts
安装 MS 字体后，字体仍然与 Windows 上的不一样

安装 ms 字体后，Firefox 和 Chromium 中的字体仍然与 Windows FF 和 Chrome 中的字体不一样。

我的意思是缺失的字体现在可以显示了，但它们与 Windows 上的不一样。

它们太“宽”或太“窄/高”，例如，如果它们在 Windows 上的 FF 中是粗体，那么在 Ubuntu 的 FF 中它们就会变得非常粗。

如何改善 Ubuntu FF 和 Chromium 中的字体显示？

我不介意 Ubuntu 操作系统中的宽默认字体，但在浏览器中，80% 到 90% 的访问者看到不同的字体，这可不太好。

因为现在它与 Windows 不一样。

我正在使用 Ubuntu 13.04 版本。

编辑：

页：www.bild.de

如果你仔细观察，你就会发现差异（Ubuntu 中的字体更宽但不那么高）：

在此处输入图片描述

答案1

Ubuntu 和 Windows 使用不同的字体渲染技术。Windows 使用清晰类型，Ubuntu 使用自由类型。这些字体渲染产生截然不同的结果，FreeType 倾向于产生看起来更粗/更粗的字体，而 ClearType 倾向于产生看起来更细的字体。

作为一名 Web 开发人员，您对此实际上无能为力，只能确保差异不会导致文本被剪切。

答案2

抱歉，但我不使用 Chromium。但就 Firefox 而言，要使字体看起来像 Windows 中的字体，只需单击“编辑”，然后单击“首选项”

在此处输入图片描述

然后确保您的字体设置如下图所示。

在此处输入图片描述

在此处输入图片描述

经过研究，我发现了以下结果：

大多数网站使用“层叠样式表”来设置字体和许多其他布局功能。精心设计的样式表将请求一系列字体，以便在没有字体时尝试其他字体。毫不奇怪，大多数商业网站都是为 Windows 设计的，开发人员通常不会过多考虑网站在其他操作系统上的呈现方式，也许 Mac OS X 除外。

您可以在内容对话框中告诉 Firefox 始终使用其自己的字体，但更好的选择是只安装核心字体包。通常这就是您所需要的。

话虽如此，Windows 中的字体渲染始终与 Ubuntu 或其他 Linux 平台中的渲染略有不同。部分原因与知识产权问题有关。许多商业字体都“暗示”可以改善显示效果（例如抗锯齿问题）；Linux 通常无法遵循这些暗示，因为它需要安装需要许可的专有技术。

您还可以尝试安装其他浏览器，如 Chrome 或 Opera，或者如果您使用的是 Kubuntu，则可以尝试安装 Konqueror 或 rekonq。

你也可以尝试这个：

编辑~/.font.config并确保它看起来像下面这样

<?xml version="1.0"?><!DOCTYPE fontconfig SYSTEM "fonts.dtd">  
 <fontconfig>  
  <match target="font">  
  <edit mode="assign" name="rgba">  
   <const>rgb</const>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="hinting">  
   <bool>true</bool>  
  </edit>  
  </match>  
 <match target="font">  
  <edit mode="assign" name="autohint">  
   <bool>false</bool>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="hintstyle">  
   <const>hintslight</const>  
  </edit>  
  </match>  
  <match target="font">  
  <edit mode="assign" name="antialias">  
   <bool>true</bool>  
  </edit>  
  </match>  
 </fontconfig>

来源：将 Ubuntu 中的 Web 浏览器字体更改为类似于 Windows

答案3

您确实无法指望每个平台和每个操作系统上的每位网站访问者都能完美匹配地呈现您的网站。但万维网并不是这样运作的。

您永远无法知道用户对默认字体 DPI、平滑/提示/别名、浏览器缩放或所有其他用户可以在其机器上进行更改的奇妙事物做了什么。

看看这个网站：http://browsershots.org/

你知道他们是如何通过向你展示一个网页在四种不同操作系统上的几十种不同浏览器版本的截图来赚钱的吗？这是因为每个网页在某些方面看起来都可能与其他网页略有不同。

习惯它。

如果您的布局因为字体比例在某个平台上略有不同而出现问题，那么您的 Web 开发方式就错了。作为 Web 开发人员，您的工作不是让布局在各个地方看起来都一模一样。您的工作是让布局对每个访问者来说都实用且视觉上令人愉悦，而不管这些差异如何。

如果您试图过分强制一致性，最终会得到一个破坏访问者在其操作系统或所选浏览器中所期望的美感的页面。（无论如何，我真的更喜欢您在示例中试图避免的 Ubuntu 外观。）

如果您确实希望实现像素完美的一致性，以满足访问者的期望和偏好，那么您可以成为一名 Flash 开发人员！

答案4

您可以尝试进行以下更改/etc/fonts/conf.avail/51-local.conf。
添加提示、抗锯齿、提示样式可能能够解决自由办公软件、火狐浏览器、Chromium 等中的外观差异

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>    

  <!-- settings go here -->

</fontconfig>

相关内容