| 導購 | 订阅 | 在线投稿
分享
 
 
 

SF Pro SC和SC Pro TC是什麽字體?

來源:学渣笔记  2019-08-05 07:56:20

今天偶然打開蘋果網站,發現它的字體挺好看的,于是起了好奇之心,想看看它用的是什麽字體。

打開它的css,發現它的font-family是這樣定義的:"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;

SF Pro SC,這是什麽字體?網上搜了一下,找不到,只查到SF Pro Text和SF Pro Display,而這兩個是英文字體。

SF全稱是San Francisco。官網上是這麽介紹SF Pro的:"This sans-serif typeface is the system font for iOS, macOS, and tvOS, and includes a rounded variant."。可見,這是iOS的系統字體。

SF Pro Text和SF Pro Display都屬于SF Pro家族,19點以下的文本使用SF Pro Text,20點以上文本使用SF Pro Display。

那麽,SF Pro SC呢,還有繁體版的SF Pro TC究竟是什麽字體呢?我又仔細查看了下蘋果網站的css,發現下面一段代碼:

@font-face {

font-family:'SF Pro SC';

font-style:normal;

font-weight:200;

src:local('??'), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Thin.woff2") format("woff2"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Thin.woff") format("woff"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Thin.ttf") format("truetype");

}

@font-face {

font-family:'SF Pro SC 200';

src:url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Thin.eot");

}

@font-face {

font-family:'SF Pro SC';

font-style:normal;

font-weight:300;

src:local('??'), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Light.woff2") format("woff2"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Light.woff") format("woff"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Light.ttf") format("truetype");

}

@font-face {

font-family:'SF Pro SC 300';

src:url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Light.eot");

}

@font-face {

font-family:'SF Pro SC';

font-style:normal;

font-weight:500;

src:local('??'), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Medium.woff") format("woff"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Medium.ttf") format("truetype");

}

@font-face {

font-family:'SF Pro SC 500';

src:url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Medium.eot");

}

@font-face {

font-family:'SF Pro SC';

font-style:normal;

font-weight:600;

src:local('??'), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Semibold.woff2") format("woff2"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Semibold.woff") format("woff"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Semibold.ttf") format("truetype");

}

@font-face {

font-family:'SF Pro SC 600';

src:url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Semibold.eot");

}

@font-face {

font-family:'SF Pro SC';

font-style:normal;

font-weight:400;

src:url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Regular.eot");

src:local('??'), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Regular.woff2") format("woff2"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Regular.woff") format("woff"), url("/wss/fonts/SF-Pro-SC/v1/PingFangSC-Regular.ttf") format("truetype");

}

原來SF Pro SC就是PingFang SC,SF Pro TC就是PingFang TC。

王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有