iOS中的字體大小問題

關(guān)于分辨率和字體窃诉,若要深入研究的話豆胸,恐怕得花上不少時(shí)間奥洼。在此僅對(duì)于iOS中的字體情況做個(gè)小概括。

首先看:

(1)同樣磅數(shù)的字體晚胡,在不同大小的屏幕上灵奖,他們的物理大小一樣嗎?例如都是16磅的系統(tǒng)字體估盘,在一英寸上瓷患,iPhone5,iPhone7遣妥,iPhone7 plus顯示的文字個(gè)數(shù)一樣嗎擅编?

UIFont *font = [UIFont systemFontOfSize:16];

(2)為什么PS中設(shè)置為72ppi時(shí),在開發(fā)時(shí)箫踩,在@2x屏幕上需要將字體的磅數(shù)除以2爱态,在@3x屏幕時(shí)需要除以3。

要解答上述兩個(gè)問題境钟,需要弄清iOS中的字體磅數(shù)Size到底是什么東西锦担。

在iOS中,font的size其實(shí)不同于印刷行業(yè)中的磅數(shù)吱韭。

印刷業(yè)中吆豹,

1 inch = 2.54cm = 25.4 mm = 72pt

1pt(磅) = 1 / 72 英寸 ≈ 0.35mm

但是對(duì)于iOS來說,字體的1個(gè)單位大小對(duì)應(yīng)于1個(gè)邏輯像素理盆,也就是一個(gè)設(shè)計(jì)點(diǎn)痘煤。下文中暫且沿用“磅數(shù)”來稱呼iOS中的字體單位大小。

回到最初的兩個(gè)問題

(1)同樣磅數(shù)的字體猿规,在不同大小的屏幕上衷快,他們的物理大小是不同的。plus機(jī)型大于其他機(jī)型姨俩,但是這個(gè)差值不是太大蘸拔。

例如一個(gè)16磅字體的文本师郑,原來 iPhone6 一英寸長度的屏幕里可以顯示的文字個(gè)數(shù)是:163/16 約等于10個(gè),這里假設(shè)每個(gè)文字之間沒有間隔调窍。

而6 plus 則是 154/16 約等于9個(gè)宝冕,也就是每個(gè)字所占的物理長度變大了。

iPhone6邓萨,1英寸有163個(gè)邏輯像素

iPhone6 plus地梨,1英寸有154個(gè)邏輯像素

(2)PS中的ppi表示的是1英寸長度的圖像包含有多少像素,它實(shí)際上跟打印的關(guān)系較大缔恳。

72ppi則表示一張72像素的圖像宝剖,當(dāng)它打印到真實(shí)的紙張中,打印出來的就是一副2.54cm的照片歉甚。

在ps當(dāng)中万细,如果設(shè)置ppi為72(默認(rèn)),則對(duì)于文本的字體纸泄,1pt = 1px(因?yàn)?2ppi的意思就是1英寸72像素赖钞,而1pt文本 = 1/72 英寸,所以相等)聘裁,要是在代碼中直接使用這個(gè)pt大小作為文本的size仁烹,最終的文本內(nèi)容就會(huì)偏大。所以這時(shí)候需要由美術(shù)給出字體的pt大羞只ⅰ(也是像素大小)计呈,然后交由程序自己處理砰诵。

如果設(shè)計(jì)圖是4.7寸的,也就是750*1334像素的捌显,則程序把pt大小除以2茁彭,就是font的大小。

如果設(shè)計(jì)圖是5.5寸的扶歪,也就是1242*2208像素的理肺,則程序把pt大小除以3,就是font的大小善镰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末妹萨,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子炫欺,更是在濱河造成了極大的恐慌乎完,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件品洛,死亡現(xiàn)場(chǎng)離奇詭異树姨,居然都是意外死亡摩桶,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門帽揪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來硝清,“玉大人,你說我怎么就攤上這事转晰÷茫” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵挽霉,是天一觀的道長防嗡。 經(jīng)常有香客問我,道長侠坎,這世上最難降的妖魔是什么蚁趁? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮实胸,結(jié)果婚禮上他嫡,老公的妹妹穿的比我還像新娘。我一直安慰自己庐完,他們只是感情好钢属,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著门躯,像睡著了一般淆党。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上讶凉,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天染乌,我揣著相機(jī)與錄音,去河邊找鬼懂讯。 笑死荷憋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的褐望。 我是一名探鬼主播勒庄,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瘫里!你這毒婦竟也來了实蔽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤谨读,失蹤者是張志新(化名)和其女友劉穎盐须,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贼邓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年阶冈,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片塑径。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡女坑,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出统舀,到底是詐尸還是另有隱情匆骗,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布誉简,位于F島的核電站碉就,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏闷串。R本人自食惡果不足惜瓮钥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望烹吵。 院中可真熱鬧碉熄,春花似錦、人聲如沸肋拔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽凉蜂。三九已至琼梆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間窿吩,已是汗流浹背叮叹。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留爆存,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓蝗砾,卻偏偏與公主長得像先较,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子悼粮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 其實(shí)CSS中的長度單位一共有8個(gè)闲勺,分別是px,em扣猫,pt菜循,ex,pc申尤,in癌幕,mm衙耕,cm。(ex:相對(duì)長度單位勺远。相對(duì)...
    iam夢(mèng)的的閱讀 494評(píng)論 0 0
  • 使用sketch最重要的一點(diǎn)是設(shè)計(jì)好控件的規(guī)范胶逢。 為做好設(shè)計(jì)規(guī)范需要對(duì)色彩進(jìn)行編號(hào)厅瞎,比如:color_a”_1,c...
    youyeath閱讀 26,156評(píng)論 2 237
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案初坠? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • pt(磅) 計(jì)算公式:1 pt(磅)= 1 / 72 inch (1 inch = 2.54 cm) pt(磅)的...
    張旭的簡書閱讀 1,883評(píng)論 0 0
  • 這是我第三次看這部電影和簸,上一次在一年前,上上次在三年前碟刺,每一次看都有不同的感受锁保。時(shí)隔三年,再看這部影片與當(dāng)時(shí)又是完...
    呂桑榆閱讀 1,013評(píng)論 0 2