CSS字体字体大小兼容性问题firefox

所以，我设计了一个使用HTML/CSS的单页面布局。该页面可以在这里找到：CSS字体字体大小兼容性问题firefox

所以，网页的标题文字是我使用的字体面属性加载自定义字体。字体大小和脸部在Chrome上是完美的，但Firefox上的大小更大，有时候，字体本身看起来有点不同。这是为什么？整个页面因为标题字体而被打乱！

我的字体面对面代码：

@font-face { 
    font-family: "logotext"; 
    src: url(http://letsrob.org/css/BEBAS.ttf) format("truetype"); 
} 
@font-face { 
    font-family: "captiontext"; 
    src: url(http://letsrob.org/css/Franchise-Bold-hinted.ttf) format("truetype"); 
}

我的头CSS类：

<div id="banner" style="margin-top:20px;color:white;font-weight:bold;font-size:1.75em;font-family:logotext;text-align:center;">Reclaim Our Beaches</div> 

<div style="color:white;font-weight:bold;font-size:3em;font-family:captiontext;text-align:center;margin-top:20px;">ROB SYMPOSIUM: Talking trash, Exposing waste</div> 

<div style="color:white;font-weight:bold;font-size:1.5em;font-family:captiontext;text-align:center;margin-top:20px;">10AM to 5PM, 18 & 19th AUGUST,2012</div> 
<div style="color:white;font-weight:bold;font-size:1.5em;font-family:captiontext;text-align:center;margin-top:10px;">Conference Hall, School of Media Studies, Loyola College, Chennai</div>

使用Firefox看到中断，请访问该页面。它在Chrome上运行得非常好！

在此先感谢

来源

2012-08-12 KaushikTD

它看起来像字体中唯一的粗体是粗体。因为您在CSS中指定了font-weight:bold，Firefox正在试图通过展开字形来自动加粗粗体字体。删除该规则可以修复该问题（并且在我的Mac上，在Chrome中看起来更好）。

来源

2012-08-12 10:51:56

这工作:)。请立即检查链接。不能相信我错过了这个微小的细节。但谢谢你:) – KaushikTD 2012-08-12 19:28:33

CSS字体字体大小兼容性问题firefox

回答

相关问题