pingfang sc 字体是一款非常好看的字体,主要是程序猿同事发现分享给小编的,说这款字体对于变成来说很好看~现在小编就来分享给大家。包括了PingFangSC,PingFang-SC-Thin,PingFang-SC-Regular,PingFang-SC-Medium,PingFangSC-Light,PingFangSC-Medium
刚开始从事于网站这个行业时,记得那时候做的页面都是宋体。过了两年之后特别流行微软雅黑。现在微软雅黑已经不能满足我们的审美要求,就想可不可以换成各种各样的想要的字体。于是@fant-face被人熟知到熟用,这里就先不详细阐述@font-face了。先说说苹果字体PingFang sc。最近ui同学觉得页面上的微软雅黑不好看,看着苹果官网的字体不错。但是苹果官网的字体是苹果的官方字体,不得商用,然后就有了PingFang sc。
然后我就去网上下载了一个PingFang sc字体,放到服务器上面,然后css中引入(如下图1),再在body中引入自定义的这个名称(如图2)。觉得很高兴,终于有了满意的字体效果了。这是发现了一个bug,文字的颜色竟是一个深一个浅,看起来特别丑。去网上找资料看看是什么问题,也没有找到相关的资料,后来问了另一个前端同学加上看了苹果官网是怎么解决的。然后找到了解决办法。
1
2
解决
去网上download了PingFang sc 的所有规格字体。从极细到特粗一共是六种。然后用到哪种的时候就调用哪个字体(如下图1、2)。
1
2
现在网站里面用的是常规类型,看着比较合适。
END
因为网上也没有解释这个问题的相关资料,所以我们尝试着找方法去解决。第一次有bug的原因可能是下载的字体不对。以免以后再遇到类似问题,所以在此处做个记号。
70KB / 03-27
系统其他
下载21.5M / 02-01
游戏补丁
下载231KB / 09-26
系统优化
下载140.5M / 09-05
76.4M / 03-25
55M / 06-05
237.9M / 04-13
900.9M / 03-02
96.2M / 07-06
311.2M / 07-06
335M / 07-06
200M / 07-06
413.8M / 07-06
484.7M / 09-27
165.4M / 09-05
353.9M / 06-05
131.8M / 04-13
195.6M / 03-03
45.6M / 09-08
665.2M / 07-06
2.84G / 07-06
93M / 07-06
338.3M / 07-06
1.38G / 07-26
488.3M / 07-16
109.8M / 06-03
142M / 01-08
1.2M / 11-23
548.8M / 04-13
1.6M / 04-13
1.48G / 03-18
646.6M / 03-03
133.7M / 03-03
110.5M / 09-05
33.4M / 09-05
325.8M / 08-12
60M / 04-29
254M / 04-25
659M / 04-23
1M / 12-26
253.4M / 12-08
253M / 12-08
1.19G / 11-16
369M / 09-22
181.5M / 09-22
201.2M / 09-05
488.3M / 07-16
248.9M / 12-08
248.9M / 12-08
100.6M / 03-06
148.9M / 03-06
1.12G / 07-06
1.25G / 07-06
1.76G / 09-22
1.92G / 04-17
116.2M / 04-10
201.5M / 04-13
7.31G / 07-01
94.3M / 07-06
2.48G / 07-06
7.63G / 07-06
1M / 07-06
778.1M / 07-06
561.8M / 07-11
72M / 07-06
548.7M / 07-06
1.00G / 07-06
9.13G / 07-06
126.2M / 07-06
72M / 07-06
105.1M / 07-06
132M / 07-06
132M / 07-06