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
立即下載