字體的網頁字體看起來更大膽

Question

我卡住了一個問題。我試圖用@ font-face嵌入字體，但它們總是看起來更大膽。我已經嘗試了一切：其他字體，將字體重量更改爲「ligher」或「100」等... 字體看起來總是像粗體。我很確定它看起來不錯，因爲我已經看到它在@ font-face的許多其他網站中使用，並且它看起來很瘦，很好。

見附件圖像link text（我知道它永遠不會看起來像在PS中，卻如此不同？）

感謝

Answer 1

你可能使用了錯誤的重量文件。字體通常會以不同的權重銷售。你應該驗證你使用@font-face嵌入的文件是否合適。

Answer 2

字體在photoshop上顯示的方式顯然是字體的圖形版本，特別是當photoshop有5種類型的字體模糊時：無，尖銳，清脆，堅固和平滑。那些原始字體旁邊的字體，它們通常在一個TTF中，並具有內部版本，或用於不同重量和麪的varios字體。

也許如果你指點迷津有關字體類型，重量，模糊和無論是用於再現目的是有用的。將幫助你有用...

Answer 3

字體根據操作系統不同（在Linux，Mac，PC）甚至通過瀏覽器，無需介意Billeeb提到的Photoshop模糊變體。例如，Windows上的Safari應用了一些重要的消除鋸齒功能以使文本更加平滑，這使得它在Firefox上顯得與衆不同，即使是在同一臺機器上。

在我看來，擁有一致字體體驗的最好方法是使用某種字體替換技術，如Cufon。但是，這隻適用於不具有簡單效果的標準字體，如果您需要瘋狂的投影或模糊效果，則不會希望使用該字體。對於它的最好堅持使用圖像

Answer 4

設置在您使用的字型任何元素樣式表以下，並修復該問題：

-webkit-字體平滑：抗鋸齒;/*這需要在Mac上設置或某些面向字體的字體看起來粗體。 */

Answer 5

如果您使用<h1>標記，甚至可能會發生這種情況。 h標籤使字體看起來更大膽。