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