使用自定義字型-蘋方字型
蘋方提供了六個字重,font-family 定義如下:
蘋方-簡 常規體
font-family: PingFangSC-Regular, sans-serif;
蘋方-簡 極細體
font-family: PingFangSC-Ultralight, sans-serif;
蘋方-簡 細體
font-family: PingFangSC-Light, sans-serif;
蘋方-簡 纖細體
font-family: PingFangSC-Thin, sans-serif;
蘋方-簡 中黑體
font-family: PingFangSC-Medium, sans-serif;
蘋方-簡 中粗體
font-family: PingFangSC-Semibold, sans-serif;
蘋方除了簡體的:蘋方-簡(PingFang SC),還為繁體使用者提供有:蘋方-繁(PingFang TC) ,蘋方-港(PingFang HK)
蘋方-繁 的 CSS font-family 使用:
font-family: PingFangTC-Regular, sans-serif;
font-family: PingFangTC-Ultralight, sans-serif;
font-family: PingFangTC-Light, sans-serif;
font-family: PingFangTC-Thin, sans-serif;
font-family: PingFangTC-Medium, sans-serif;
font-family: PingFangTC-Semibold, sans-serif;
蘋方-港 的 CSS font-family 使用:
font-family: PingFangHK-Regular, sans-serif;
font-family: PingFangHK-Ultralight, sans-serif;
font-family: PingFangHK-Light, sans-serif;
font-family: PingFangHK-Thin, sans-serif;
font-family: PingFangHK-Medium, sans-serif;
font-family: PingFangHK-Semibold, sans-serif;
現在的專案中都會使用自定義字型,而iOS9其中的一項新特性就是用新的「蘋方」字型替代了已經使用了幾年的「華文黑體」,所以現在記錄一下iOS如何匯入並在專案中使用蘋方字型的使用。
1. 下載一個 .tff 字型檔案,這裡以蘋方細體為例子
2. 匯入自定義字型到專案中
圖1
3. 在 info.plist檔案中新增Fonts provided by application
注意第二步填寫的值一定要跟導進來的字型檔名一樣,字尾也不能少。
圖2
4. 現在檢測是否已經成功匯入字型到系統了,我們就列印一下 Fontfamily 來看看
OC:
// 遍歷獲取字型名稱
for(NSString *fontFamilyName in [UIFont familyNames])
{
NSLog(@"family:'%@'",fontFamilyName);
for(NSString *fontName in [UIFont fontNamesForFamilyName:fontFamilyName])
{
NSLog(@"\tfont:'%@'",fontName);
}
NSLog(@"-------------");
}
swift:
// 遍歷獲取字型名稱
for fontFamilyName in UIFont.familyNames()
{
print("family:'%@'",fontFamilyName)
for fontName in UIFont.fontNamesForFamilyName(fontFamilyName)
{
print("\tfont:'%@'",fontName);
}
print("-------------")
}
5. 獲取匯入的字型名
雙擊下載好的字型進行如下圖操作
第三步就是這個字型的名稱
圖3
得到了字型名稱就可以設定字型了
圖4
為什麼不直接用iOS9自帶的字型呢,原因是因為你的專案的如果執行在iOS8上就會報錯,iOS8沒有蘋方字型,需要我們自定義字型。
6. 程式碼設定字型
UIFont *font = [UIFont fontWithName:@".PingFang-SC-Light" size:40];