通常，設計網頁時，字體一般會使用像素（px）或者倍數（em）。某一天開始重構頁面，用PS打開設計師給過來的稿子，開始切圖，在查看文字時，發現字體大小是用pt來設置的，⊙﹏⊙b汗，如下圖：
為了解pt和px是如何轉換的，百度后整理出來的資料如下：
px就是表示pixel，像素，是屏幕上顯示數據的最基本的點；
pt就是point，是印刷行業常用單位，等於1/72英寸。
這樣很明白，px是一個點，它不是自然界的長度單位，誰能說出一個“點”有多長多大么？可以畫的很小，也可以很大。如果點很小，那畫面就清晰，我們稱它為“分辨率高”，反之，就是“分辨率低”。所以，“點”的大小是會“變”的，也稱為“相對長度”。
pt全稱為point，但中文不叫“點”，查金山詞霸可以看到，確切的說法是一個專用的印刷單位“磅”，大小為1/72英寸。所以它是一個自然界標准的長度單位，也稱為“絕對長度”。
pixel是相對大小，而point是絕對大小
px是以屏幕象素為單位。
pt是以1/72英寸為單位
計算公式如下：
那么1px = 1pt * 圖像分辨率/72
此時我們可以把設計稿的每個pt單位換算為px，如果設計稿中的文字比較少，那還好計算，如果多呢？
其實不用那么麻煩，這里介紹一個簡單的解決辦法：
打開PS首選項——編輯，選擇"單位與標尺"，如下界面：
選擇后出現如下界面，選擇像素即可
這樣就可以把設計稿中的pt單位轉換為px了，清楚地看到頁面文字的像素