字体在chrome / firefox中显示不同 [英] fonts are displaying different in chrome / firefox

问题描述

每一个。

我在不同浏览器中显示我的网页时遇到问题。在这里我使用Myrid Set Pro字体。

我在Chrome中正确。但不是在firefox。我附加这些文件。

这里的第一个是Chrome预览。
第二个是在Firefox中预览。

我也尝试过文本渲染。但不使用

  text-rendering：optimizelegibility; 
  

解决方案

查看这篇关于跨浏览器字体的文章 - 希望这有助于解决您的问题。

http://alistapart.com/article/say-no-to-faux-bold

< hr>

更新与新信息：

我发现一个更简单的方法来解决这个问题这是只发生在Firefox for OSX） - 添加以下到您的基本排版css文件：

-moz-osx-字体平滑：grayscale;

此CSS-Tricks.com论坛讨论中提供了更多信息： https://css-tricks.com/forums/topic/typekit-fonts-much -bolder-in-firefox / page / 3 /

虽然论坛讨论标题特别提到Typekit字体，但该解决方案应用于谷歌字体。 p>

Every One.

I am getting issues in displaying my page in different browsers. Here i am using "Myrid Set Pro" font.

I am getting correctly in chrome. but not in firefox. I am attaching those files.

Here first one is preview in Chrome. And second one is Preview in Firefox.

I tried text-rendering also. But no Use

text-rendering: optimizelegibility;

解决方案

I've had the same issue in the past. Check out this article on font faces across browsers - hopefully this can help resolve your issue.

http://alistapart.com/article/say-no-to-faux-bold

---

Update with new information:

I found a much simpler method to resolve this (as for me, it turned out that this was only occurring on Firefox for OSX) - add the following to your base typography css file:

-moz-osx-font-smoothing: grayscale;

There is more information in this CSS-Tricks.com forum discussion: https://css-tricks.com/forums/topic/typekit-fonts-much-bolder-in-firefox/page/3/

While the forum discussion title specifically mentions Typekit fonts, the solution applied beautifully to google fonts.

这篇关于字体在chrome / firefox中显示不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！