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

回答

相關問題