有條件的CSS根據操作系統

我知道有瀏覽器有條件的CSS，但我很想看看是否有條件的CSS由操作系統。這是我的動力：有條件的CSS根據操作系統

我開發了一個使用自定義字體通過CSS3的網站。在Mac OSX上運行的所有瀏覽器上字體看起來很漂亮，但在運行在Windows上的所有瀏覽器上看起來都很可怕。我知道這是由於OSX和Windows呈現不同的字體。

作爲解決此問題的臨時解決方案，我希望Windows瀏覽器上的所有用戶使用替代CSS文件，其中不會使用自定義字體 - 而是恢復爲像Helvetica這樣的系統字體。

任何人有任何想法如何做到這一點？

如果沒有，有沒有辦法讓字體在Windows上看起來更好？我試過

-webkit-font-smoothing: antialiased;

無濟於事。

來源

2012-07-24 jp89

自定義字體在Windows上也應該看起來不錯。你特別關心哪個瀏覽器/操作系統？ – Ben 2012-07-24 02:54:35

@Ben：Windows上的Chrome。它在Windows Safari上看起來**稍微**好一些，但是沒有太多（並且沒有和OSX差不多）。這裏是Windows Chroms與Mac Chrome的屏幕截圖比較：http://cl.ly/image/0a382v31210L（在Windows上，WITH-webkit-font-smoothing：antialiased;） – jp89 2012-07-24 03:04:15

如果將字體設置爲一個不同的_fixed_ px大小？（我以前遇到過問題，em尺寸變成小數像素值，例如13.3px） – Ben 2012-07-24 04:00:39

這看起來很不錯option。這是一個基於jQuery的解決方案。一旦你檢測到操作系統，你可以添加這樣的CSS：（從here得到代碼）

$('head').append('<link rel="stylesheet" href="os-windows.css" type="text/css" />');

來源

2012-07-24 03:13:27 Boyd

有條件的CSS根據操作系統

回答

相關問題