html（firefox）中的文本顯示在Ubuntu和Windows 7中顯示不同，爲什麼？

Firefox中的html+css在windows中看起來不錯，但是在Ubuntu中Firefox看起來不合適。請告訴我，如何糾正，我該怎麼辦？html（firefox）中的文本顯示在Ubuntu和Windows 7中顯示不同，爲什麼？

更多信息1：附加的圖像中的文本CSS代碼：

style="font-family:'Museo 300'; 
font-size:11px; 
text-align:left; 
color:#636466; 
padding-top:3px;"

雖然我改變Museo 300到字體Arial, Helvetica, sans-serif，因此它可以在使用這些默認字體的任何瀏覽器中加載，但我仍然看到這個問題。

圖像連接

Windows 7 - firefox Ubuntu - firefox

來源

2014-04-28 Sharath-designer

請添加HTML和CSS。 – Animesh

您是否在CSS中設置了首選'font-family'？ – mdesdev

現在你可以添加圖像了。 –

最有可能你正在使用的字體是不是Ubuntu的機器上安裝。爲了解決這個問題，你必須自己提供字體。 Google Fonts是做這件事的好方法。

您可以在他們的網站上搜索合適的字體，然後將其鏈接到您的網站<head>。

<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>

然後在你的CSS使用它

font-family: 'Roboto', sans-serif;

可悲的是，谷歌的字體沒有您要使用的字體博物館。但是，您可以使用@font-face CSS At-Rule鏈接到您在網站上託管的字體文件。確保您只託管您計劃使用的語言和字體重量/樣式，並且您的字體文件僅限於那些相同的參數。這將允許文件加載速度更快。

@font-face { 
    font-family: 'My Custom Font'; 
    src: url('http://yoursite.com/yourfontfile.ttf') format('truetype'); 
} 
p.customfont { 
    font-family: 'My Custom Font', Verdana, Tahoma; 
}

（See this answer for more information）

來源

2014-05-04 22:14:47

html（firefox）中的文本顯示在Ubuntu和Windows 7中顯示不同，爲什麼？

回答

相關問題