Google字体在Firefox中无法正确呈现 [英] Google Font not rendering correctly in Firefox

问题描述

我在我的网站上使用谷歌网页字体 Titillium Web 。它在Google Chrome，IE，Opera和Safari中完美呈现，但在Firefox中文本看起来很可怕。

b

Google字体链接

 < link href ='http：//fonts.googleapis.com/css？family = Titillium + Web：200'rel ='stylesheet 'type ='text / css'> 
  

HTML：

 < p id =main-top-textclass =txt-style> WELCOME TO< span class =site-color> NATHAN DA SILVA ，< /跨度>< / p为H. 
 
 
  

CSS：

  .txt-style {
字体系列：'Titillium Web'，sans-serif; 
 font-size：60px; 
 line-height：70px; 
颜色：＃666666; 
 text-align：center; 
 
 $ / code> 

你可以在这里看到它的样子： http://www.nathandasilva.co.uk/v3

我不假设任何人知道有什么修复方法可以让Firefox在Firefox中更好看吗？

字体（尤其是Roboto），并发现我需要强制Direct2d加速 来修复它。我的显卡是英特尔HD4000。

发布适用于我的解决方案，以防与您或其他读者相关：

1. 转至about：config


2. 查找启用gfx.direct2d.force的功能


3. 设置为True并重新启动Firefox

I'm using a google web font, Titillium Web, on my website . It renders perfectly in Google Chrome, IE, Opera and Safari but in Firefox the text looks horrible.

Google Font Link:

<link href='http://fonts.googleapis.com/css?family=Titillium+Web:200' rel='stylesheet' type='text/css'>

HTML :

<p id="main-top-text" class="txt-style">WELCOME TO <span class="site-colour">NATHAN DA SILVA,</span></p>

<p id="main-bottom-text" class="txt-style">ENJOY YOUR STAY.</p>

CSS :

.txt-style {
    font-family: 'Titillium Web', sans-serif;
    font-size: 60px;    
    line-height: 70px;
    color: #666666;
    text-align: center;
}

You can see what it looks like here: http://www.nathandasilva.co.uk/v3

I don't suppose anyone knows of any fix to make this look better in Firefox?

解决方案

I had problems with all Google web fonts (particularly Roboto) and found that I needed to force Direct2d acceleration ON to fix it. My graphics card is an Intel HD4000.

Posting the solution that worked for me, in case it's relevant to you or another reader:

1. Go to about:config
2. Find gfx.direct2d.force-enabled
3. Set to True and restart Firefox

这篇关于Google字体在Firefox中无法正确呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！