CSS用google連結改變網頁字型語法
當在設計網頁時,網頁預設是新細明體,看起來真的不是很好看
所以嘗試改變一下字體
讓網頁看起來更順眼
所以在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
頁:
[1]