文本顯示不同

我遇到一個問題，在Windows上看起來更「大膽」，然後在Mac上執行。文本顯示不同

如何讓它顯示相同？

這兩種瀏覽器都是Chrome瀏覽器，而且它只發生在Chrome瀏覽器中。

CSS：

#featured-slider .slide-content header h1 a, #featured-slider .slide-content footer h1 a { 
color: #fff; 
font-size: 20px; 
font-family:'Open Sans', arial, sans-serif; 
-webkit-font-smoothing: antialiased; 
}

的Mac：

enter image description here

的Windows： enter image description here

來源

2013-08-07 Jess McKenzie

你應該明確地設置字體的重量對於公開賽。 http://css-tricks.com/watch-your-font-weight/ –

信息不足：缺少HTML標記，缺少「@ font-face」規則，缺少關於字體出處的信息（大概是Google網頁字體，但處理過程如何？）。屏幕截圖可能會有不同的縮放。猜測：'font-weight：bold'有效，但字體未聲明爲粗體，因此某些瀏覽器可能會應用算法粗體。 –

儘量用短手的屬性是這樣的：

font: normal 20px 'Open Sans', arial, sans-serif !important;

來源

2013-08-07 03:33:11

此處使用正常將覆蓋h1元素的默認粗體。不知道這是提問者想要做什麼。 –

你設置css的方式，如果第一個選項不可用，它將默認爲不同的字體。我不知道它是否從圖片中做到了這一點。

它也可能是「font-weight」屬性的更改。

看看添加此修復它：

font-weight:normal;

或：

font-weight:400;

來源

2013-08-07 02:56:13 Harrison

文本顯示不同

回答

相關問題