當在設計網頁時,網頁預設是新細明體,
看起來真的不是很好看
所以嘗試改變一下字體
讓網頁看起來更順眼
所以在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
以下文章來自:
留言列表