1. 程式人生 > >字號、pt、px、em換算對照表

字號、pt、px、em換算對照表


pt (point,磅) 是一個物理長度單位,指的是72分之一英寸。
px (pixel,畫素)是一個虛擬長度單位,是計算機系統的數字化影象長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸畫素數),在掃描列印時一般都有DPI可選。Windows系統預設是96dpi,Apple系統預設是72dpi。
em是一個相對長度單位,最初是指字母M的寬度,故名em。現指的是字元寬度的倍數,用法類似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。

字號是中文字型檔中特有的一種單位,以中文代號表示特定的磅值pt,便於記憶、表述。

pt和px的換算公式可以根據pt的定義得出:

pt=1/72(英寸), px=1/dpi(英寸)

因此 pt=px*72/dpi

以Windows下的96dpi來計算,pt=px*72/96=px*3/4

---------------------------------------

初號     42pt     56px     3.5em
小初     36pt     48px     3em
         34pt     45px     2.75em
         32pt     42px     2.55em
         30pt     40px     2.45em
         29pt     38px     2.35em
         28pt     37px     2.3em
         27pt     36px     2.25em
一號     26pt     35px     2.2em
         25pt     34px     2.125em
小一     24pt     32px     2em
二號     22pt     29px     1.8em
         20pt     26px     1.6em
小二     18pt     24px     1.5em
         17pt     23px     1.45em
三號   16pt     22px     1.4em
小三    15pt     21px     1.3em
       14.5pt     20px     1.25em
四號     14pt     19px     1.2em
       13.5pt     18px     1.125em
         13pt     17px     1.05em
小四     12pt     16px     1em
         11pt     15px     0.95em
五號   10.5pt     14px     0.875em
         10pt     13px     0.8em
小五      9pt     12px     0.75em
          8pt     11px     0.7em
六號    7.5pt     10px     0.625em
          7pt      9px     0.55em
小六    6.5pt      8px     0.5em
七號    5.5pt      7px     0.4375em
八號      5pt      6px     0.375em

--------------------------------------------

 注:本表中pt的計算基於96dpi

相關推薦

(轉) 字號ptpxem換算對照表

pt (point,磅) 是一個物理長度單位,指的是72分之一英寸。 px (pixel,畫素)是一個虛擬長度單位,是計算機系統的數字化影象長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸畫素數),在掃描列印時一般都有DPI可選。 W

字號ptpxem換算對照表

pt (point,磅) 是一個物理長度單位,指的是72分之一英寸。px (pixel,畫素)是一個虛擬長度單位,是計算機系統的數字化影象長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸畫素數),在掃描列印時一般都有DPI可選。Win

CSS Font-Size: empx pt Percent之間的關係及換算

一、基礎介紹 1、“Ems”: em,大小不固定 ,成為相對單位(body則相對瀏覽器的預設字型設定,子集相對父級), 瀏覽器預設設定字型大小為16px , 則1em = 16px , 且其可擴充套件,2em = 32px , 目前常用的字型大小px換算成em , 16p

CSS字體大小: empxpt百分比之間的對比

edi images 渲染 電腦 是的 可讀性 客戶端設置 等於 per CSS樣式最混亂的一個方面是應用程序中文本擴展的font-size屬性。在CSS中,你可以用四個不同的單位度量來顯示在web瀏覽器中的文本大小。這四個單位哪一種最適合Web? 這個問題引起了廣泛的爭論

CSS之pxemrempt的用法和區別

分辨 計算機系統 字符 css dpi logs pre 國外 12px px:一個虛擬長度單位,是計算機系統的數字化圖像長度單位,換算成物理長度,需要制定經度DPI。Windows系統默認是96dpi,Apple系統默認是72dpi。 一個相對長度單位,像素px是相對

詳解CSS中的幾種長度pxempt

說說css的幾種距離吧,大致有px、em、pt、pc、in、mm、cm、ex八種,其中最常見到的是px,我還見到過的有ex和mm、cm,當然後兩個在當年見的更多。 其實px,我們最熟悉,而在電腦上也應用最多,因為顯示器的解析度就是...px*....px,我們知道解析度的話是不是對於瀏覽器最大時

CSS字型大小: empxpt百分比之間的對比

原文:kyleschaeffer.com CSS樣式最混亂的一個方面是應用程式中文字擴充套件的font-size屬性。在CSS中,你可以用四個不同的單位度量來顯示在web瀏覽器中的文字 大小。這四個單位哪一種最適合Web? 這個問題引起了廣泛的爭論。找到一個確定的答案是困難的, 因為這個問題,本

CSS中那些pxemptrem%dp(android)單位

水平有限,寫的不周之處歡迎指正、交流! 在前端開發中,遇到單位的時候會有幾種選擇,那到底用哪種單位才是最合適的呢? 在國內的一些美工設計大師,在設計的時候多偏向於px單位,而在國外呢,大多喜歡使用em和rem作為單位。 一、px單位(pixel相對長度單位)相對於使

頁面適配之ptpxemrem用法和特點

因為自己也經常做移動端的開發工作,現總結一份頁面適配的筆記。 1. pt 點(Points),絕對長度單位。 印刷業上常使用的單位,磅的意思,一般用於頁面列印排版。 不知道經常做設計的同學知不知道zeplin這個網站,它用的畫素單位都是pt。

css3大小單位pxptem和rem的區別

任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中宣告Font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1

pxptem與rem的區別(結尾不容錯過哦)

  最近學DRP視訊的時候講到了CSS部分,裡面又一次講解了字型的大小一部分知識,然後就收集了一下相關的介紹分享給大家。   1、px單位名稱為畫素,相對長度單位,畫素(px)是相對於顯示器螢幕解析度

css中單位pxptem和rem的區別

任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中宣告Font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1

px em rem的區別與換算

PX px畫素(Pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。 PX特點 1. IE無法調整那些使用px作為單位的字型大小; 2. 國外的大部分網站能夠調整的原因在於其使用了em或rem作為字型單位; 3. Firefox能夠調整px和em,r

emrem和px的區別

版本 很好 浮點 調整 簡化 分辨 related 開心 大小 1、em與px的問題 px是何物? px像素(Pixel)。相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。(引自CSS2.0手冊) em是相對長度單位。相對於當前對象內文本的字體尺寸。如當前對行內文本

css中的pxemrem 詳解

博客 選擇 原因 www order size arc 字體 處理 概念介紹: 1、px (pixel,像素):是一個虛擬長度單位,是計算機系統的數字化圖像長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸像素數),在掃描打印時一般

css總結5:pxemrem區別介紹

默認字體 css3 ipad 特點 css mil 像素 roo 新增 PX px像素(Pixel)。相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。 PX特點 1. 瀏覽器無法調整px單位的字體,以em或rem為字體單位可調整字體。 EM em是相對長度

pxem%

font source 標準 大小 ID 1.2 字體 段落首行縮進 div px(像素)、em、% 百分比 1. em 1.1 本元素給定字體的 font-size 值,如果元素的 font-size 為 14px ,那麽 1em = 14px;如果 font-size

pxemrem 區別介紹

原文:http://www.runoob.com/w3cnote/px-em-rem-different.html 注意事項: 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在

pxemrem%vwwhvminvmax等單位有什麼區別?

原文出處:https://blog.csdn.net/jnshu_it/article/details/77161717 (本文有修改) 1.背景介紹 傳統的專案開發中,我們只會用到px、%、em這幾個單位,它可以適用於大部分的專案開發,並且擁有比較良好的相容性。但是你知道嗎?從css3開始

pxemrem區別介紹

PX px畫素(Pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。 特點: 1. IE無法調整那些使用px作為單位的字型大小; 2. 國外的大部分網站能夠調整的原因在於其使用了em或rem作為字型單位; 3. Firefox能夠調整px和em,rem,但是96%