如何使網頁上的字體更薄

我正在嘗試設計一個網站，並遇到字體樣式和大小的問題。如果你看看這個網站：http://www.albionwestcoast.com/，我查看了很多網站，以獲得一些想法，並檢查右側的團隊成員名字的字體樣式和大小，你可以看到他們顯然使用了格魯吉亞（紅色）但是當我嘗試獲得相同的形狀時，我的字體顯得更大膽和更胖，我不知道爲什麼。如何使網頁上的字體更薄

這是我的風格已經有了：

font-size: 2em; 
font-family: Georgia,'Times New Roman',serif; 
font-style: italic; 
font-weight: normal;

我錯過任何東西得到同樣的效果？

來源

2011-05-27 Ehsan Tavakoli

font-weight屬性，也許。您將有更大的靈活性，如果你在100倍的增量爲它分配一個數值，100和900之間，始終，即：100,200,300,400，等...

400是一樣的正常，700是一樣的大膽
```
font-weight: 300; 
```

來源

2011-05-27 05:09:22 stefgosselin

我嘗試過，但仍然看起來更大膽。 600以下的所有東西都看起來完全相同。 – 2011-05-27 05:15:24

如果您使用[標準可用字體]（http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html），則400應該小於600.也許您在聲明瞭css規則之後將其覆蓋了。有3個主要的地方可以聲明CSS。嘗試在style =「font-weight：400;」的元素上聲明它。你應該看到一個區別。 – stefgosselin 2011-05-27 05:24:27

我拍了一張截圖。看起來這個顏色給了這個詞一點點的重量。 [鏈接]（http://img1.UploadScreenshot.com/images/thumb/5/14601514754.png）當它是黑色時，它看起來更輕一點。 – 2011-05-27 05:55:09

我發現，如果你添加屬性-webkit-font-smoothing: antialiased;文字將失去其一點模糊的，準確的樣子，將在如Photoshop（只適用於webkit）。不知道這是否符合你的要求，但無論如何它使文本變得更薄。

來源

2014-04-11 13:14:53

firefox以不同的名稱實現它：'-moz-osx-font-smoothing：grayscale'。請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth – Punit 2016-12-05 01:09:17

爲了澄清/確認，您正在尋找的CSS屬性：

font-weight: normal;

參見：http://www.w3schools.com/cssref/pr_font_weight.asp

不是所有的字體支持低於400的重量。

來源

2016-12-05 00:56:46 agm1984

你可以用較小的字體大小，使之高通過CSS轉換屬性：

font-size: 1.5em; 
transform: scale(1, 1.5);

這是相當安全使用簡單的2D在當前天（https://caniuse.com/#feat=transforms2d）變換。

來源

2018-03-05 13:40:48

如何使網頁上的字體更薄

回答

相關問題