天天看點

css顯示蘋方字型,蘋方字型的使用

在我們使用蘋方字型的時候不很使用font-family來設定設定字型本身的粗細,

是以當ui給我們字型的移動端是蘋方的時候,想要改變字型的粗細,我們就要改變字型的font-family

蘋方提供了六個字重,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;