將設計轉換爲css

Question

我有一位設計師一直在幫助我一個網站。不幸的是，他們目前無法使用，我需要完成此項目。不幸的是，我的CSS沒有使結果看起來像設計。我有以下的HTML

<h1>CUSTOMERS WELCOME</h1> 

我對H1標籤的CSS如下：

h1 { color:#2D2D2D; font-weight:normal; font-family:Arial; font-size:24pt; letter-spacing:75%; line-height:24px; } 

設計師給我寫了一張紙條，他們離開說H1標籤應使用以下設置前：字體 - 宋體，常規，24點，顏色 - HEX：＃2D2D2D，跟蹤（字母間距）75，前導（行間距）24文本完全對齊

我在做什麼錯？我的H1標籤看起來比設計中的標籤更大更大膽。

謝謝！

Answer 1

你有

font-size:24pt; 

變化pt到px

pt代表點（我認爲），px像素。這應該會更好，因爲像素是一個像素，pt或em可以因瀏覽器而異瀏覽器

Answer 2

點的大小因瀏覽器和瀏覽器不同而不同，從操作系統到操作系統。這聽起來像您的設計師不熟悉網頁設計，我們通常使用像素測量來保持一致性。

24分！= 24像素，你不能只是改變單位，並期望它是相同的。在24pt文本截圖（FF Win7）中，字體實際上是21像素高。

見以下圖表：http://sureshjain.wordpress.com/2007/07/06/53/

Answer 3

對於font-size，我會用24px的，而不是24PT的。點數比屏幕更多地用於打印。