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
系统优化
下载76.4M / 03-25
立即下载55M / 06-05
立即下载237.9M / 04-13
立即下载140.5M / 03-06
立即下载900.9M / 03-02
立即下载96.2M / 07-06
立即下载311.2M / 07-06
立即下载335M / 07-06
立即下载200M / 07-06
立即下载413.8M / 07-06
立即下载353.9M / 06-05
立即下载131.8M / 04-13
立即下载230.8M / 03-03
立即下载195.6M / 03-03
立即下载165.4M / 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
立即下载325.8M / 06-07
立即下载60M / 04-29
立即下载254M / 04-25
立即下载659M / 04-23
立即下载1M / 12-26
立即下载253.4M / 12-08
立即下载253M / 12-08
立即下载1.19G / 11-16
立即下载110.5M / 04-23
立即下载26.7M / 03-16
立即下载488.3M / 07-16
立即下载248.9M / 12-08
立即下载248.9M / 12-08
立即下载201.2M / 04-13
立即下载100.6M / 03-06
立即下载148.9M / 03-06
立即下载1.12G / 07-06
立即下载1.25G / 07-06
立即下载9.48G / 07-06
立即下载50KB / 07-06
立即下载116.2M / 04-10
立即下载1.92G / 04-17
立即下载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
立即下载509.7M / 07-06
立即下载561.8M / 07-11
立即下载1.32G / 01-19
立即下载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
立即下载