網頁設計當在設計網頁時，網頁預設是新細明體，
看起來真的不是很悅目
所以測驗考試改變一下字體
讓網頁看起來更順眼
所以在CSS裡，插手
- @font-face {
- font-family: 'cwTeXHei';
- font-style: normal;
- font-weight: 500;
- src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
- src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
- url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
- url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
- url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
- }
複製代碼
在CSS內BODY插足
- font-family: 'cwTeXHei',"微軟正黑, serif, Arial;
複製代碼
然則微軟正黑體有一個問題
safari瀏覽器有些次會錯位或沒法顯示
所以在CSS BODY改成
- font-family: "儷黑 Pro","微軟正黑體",'cwTeXHei', serif, Arial;
複製代碼
這樣就可以了
演示網址：http://www.netyea.com
文章來自:
