一文讓你徹底瞭解iOS字型相關知識

發表於2016-02-15

寫本文的契機主要是把自己整理的關於iOS字型方面的知識不斷更新寫在這篇博文中，用來自己以後查閱。

一、iOS原生字型展示

在label中選擇字型的font，並把font由system改成custom後，就能在family中看到72種特殊字型。這些裡面就有很炫的字型，但是全部是隻針對英文數字，對中文無效。寫了一個程式把所有的原生樣式遍歷出來展示可以達到如下效果。可以清楚地看到每個字型對應的樣式，不用再一個個試了。如果你不是在董鉑然部落格園看到本文，請點選檢視原文。

一共是72種樣式，我這個demo程式有兩種展示方法，簡潔展示和詳細展示，簡潔展示中只會把每個family的第一個font拿出來展示。最後一張圖是詳細展示介面的。分了group展示，每個section對應一個family。可以看出蘋果的原生字型還是有很多美觀的字型，只是都僅對英文支援。

相信現在大部分的軟體大部分的專案都是這麼寫程式碼的：

label.font = [UIFont systemFontOfSize:14];

1	label.font = [UIFont systemFontOfSize:14];

如果不想用預設系統字型則需要使用此方法賦值：

UIFont *font = [UIFont fontWithName:@"Georgia" size:14];

1	UIFont *font = [UIFont fontWithName:@"Georgia" size:14];

這裡傳進Name裡的引數是familyName而不是fontName。

二、獲取family名稱

那麼如何獲取這個family的名稱？

方法1：在storyboard中或是xib中用label的圖形化介面選中一個自己喜歡的樣式，然後把名稱記下寫到程式碼中。

方法2：上面就有啊，從上面5張圖中選吧。

方法3：（推薦）遍歷

在UIFont類中有這些關於家族名和字型名的開放API，通過這些可以清晰的寫個遍歷列印，檢視所有的familyName和其中包含的fontName

    int i = 0;
    for(NSString *fontfamilyname in [UIFont familyNames])
    {
        NSLog(@"family:'%@'",fontfamilyname);
        for(NSString *fontName in [UIFont fontNamesForFamilyName:fontfamilyname])
        {
            NSLog(@"tfont:'%@'",fontName);
        }
        NSLog(@"-------------%d",i++);
    }

int i = 0;

for(NSString *fontfamilyname in [UIFont familyNames])

{

NSLog(@"family:'%@'",fontfamilyname);

for(NSString *fontName in [UIFont fontNamesForFamilyName:fontfamilyname])

{

NSLog(@"tfont:'%@'",fontName);

}

NSLog(@"-------------%d",i++);

}

使用上面的程式碼即可遍歷列印出所有的名稱，然後從列印中複製名稱到程式碼中個人感覺更為科學。

三、外界字型引入專案

本人親測，在網上不管是windows字型，還是Android字型只要是ttf格式的，一般iOS程式都支援內嵌。

具體步驟也很簡單：

1.將ttf檔案拖入專案中

2.修改plist檔案，加入Fonts provided by application 配置，後面填上拖進來的專案名

3.就可以在圖形化介面看到新的字型選擇了

4.如果不想從IB介面找，建議使用一下上面的遍歷列印，可以用迴圈列印數量來最直接的看是否匯入成功，並找到自己需要的內容。

5.執行專案得到自己想要的結果

四、動態字型

動態字型-Dynamic Type源於iOS7引入的一個文字渲染框架TextKit。主要的作用就是可以系統自設大小。當下的蘋果已經做了越來越多的人性化的處理，甚至連盲人模式都有。對於字型的展示也是考慮到了各人的喜好，有的人喜歡看大字，有的人喜歡看小字。在動態字型出來之前，有的應用也考慮到了此使用者體驗，比如網易新聞以前就有能夠在應用中設定偏好的字型大小功能。蘋果也整合到了整個手機中，動態字型的思想就是：在setting中設定字型大小，不單單系統的字型會變，連應用程式中的字型大小也會隨之改變。前提是你應用程式中的字型的程式碼寫的符合要求。

前面的文章大部分說的都是要在字型中選custom，這時要考慮動態字型就有選 Text Styles中的選項了。

UIFontTextStyleHeadline
UIFontTextStyleBody
UIFontTextStyleSubheadline
UIFontTextStyleFootnote
UIFontTextStyleCaption1
UIFontTextStyleCaption2

這些樣式顧名思義，就不每個都列出顯示效果了。標題，子標題，正文等等都是一些比較樸素。我感覺這也就相當於word中的“樣式”，把自己的每個章節的標題子標題選中設定成標題一或者標題二然後就能用word的自動生成目錄功能，並且一改某個樣式裡詳細設定，每個標題子標題的格式也都會隨之改變。這裡就是如果你在程式碼中把字型用這些樣式，那你在手機setting裡設定大小之後應用字型會有所反應。

設定字型的位置是：設定-》顯示與亮度-》文字大小

如上左圖是把尺寸調到了最大後的效果，下面的提示語只有到最大才會顯示。我試了下QQ裡的字型設定的都是動態字型，微信和支付寶暫時還不支援動態大小，在字型尺寸設定很大後微信支付寶沒反應，QQ則響應改變。上面右圖是在iphone6上截到QQ客戶端的展示效果。

設定動態字型的程式碼實現如下：

UIFont *font = [UIFont preferredFontForTextStyle:UIFontTextStyleSubheadline];

1	UIFont *font = [UIFont preferredFontForTextStyle:UIFontTextStyleSubheadline];

專案中建議把動態字型和自動佈局結合起來用，以防止字型設定改變後出現錯位Bug。

五、字型描述符

字型描述符-UIFontDescriptor 也是TextKit的核心之一，大致意思就是：字型描述符可以把一個你不知道詳情的font樣式臨時存起來做修改或賦值給別人使用。在使用了上面的動態字型之後，可能你只知道現在的text-Style但是詳細的familyName，fontName都不知道是什麼，這種情況下如果想修改字型的樣式為斜體或粗體就只能使用這種方法:

    // ------取出當前正文的字型樣式
    UIFontDescriptor *bodyFontDesciptor = [UIFontDescriptor preferredFontDescriptorWithTextStyle:UIFontTextStyleBody];
    // ------把樣式改為斜體
    UIFontDescriptor *italicFontDescriptor = [bodyFontDesciptor fontDescriptorWithSymbolicTraits:UIFontDescriptorTraitItalic];
    // ------賦值給另一個label。
    self.titleLabel.font = [UIFont fontWithDescriptor:italicFontDescriptor size:0.0];

// ------取出當前正文的字型樣式

UIFontDescriptor *bodyFontDesciptor = [UIFontDescriptor preferredFontDescriptorWithTextStyle:UIFontTextStyleBody];

// ------把樣式改為斜體

UIFontDescriptor *italicFontDescriptor = [bodyFontDesciptor fontDescriptorWithSymbolicTraits:UIFontDescriptorTraitItalic];

// ------賦值給另一個label。

self.titleLabel.font = [UIFont fontWithDescriptor:italicFontDescriptor size:0.0];

關於樣式一共有四種可選：

UIFontDescriptorTraitItalic

UIFontDescriptorTraitExpanded

UIFontDescriptorTraitCondensed

UIFontDescriptorTraitBold

字型描述符還有一個API是通過詳細屬性字典設定一個label的樣式，寫法如下

    UIFontDescriptor *attributeFontDescriptor = [UIFontDescriptor fontDescriptorWithFontAttributes:
        @{UIFontDescriptorFamilyAttribute: @"Avenir Next Condensed",
          UIFontDescriptorNameAttribute:@"AvenirNextCondensed-Italic",
          UIFontDescriptorSizeAttribute: @40.0,
          UIFontDescriptorMatrixAttribute:[NSValue valueWithCGAffineTransform:CGAffineTransformMakeRotation(M_1_PI*1.5)
          ]}];
    label.font = [UIFont fontWithDescriptor:attributeFontDescriptor size:0.0];