分享
 
 
 

SF Pro SC和SC Pro TC是什么字体?

王朝干货·作者佚名  2019-08-05

今天偶然打开苹果网站,发现它的字体挺好看的,于是起了好奇之心,想看看它用的是什么字体。

打开它的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- 王朝網路 版權所有