• CSS用google連結改變網頁字型語法
  • 推文至Facebook  
  • 當在設計網頁時,網頁預設是新細明體,

    看起來真的不是很好看

    所以嘗試改變一下字體

    讓網頁看起來更順眼

    所以在CSS裡,加入

     

    1. @font-face {
    2.   font-family: 'cwTeXHei';
    3.   font-style: normal;
    4.   font-weight: 500;
    5.   src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
    6.   src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
    7.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
    8.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
    9.        url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
    10. }

     

    在CSS內BODY加入

    1. font-family: 'cwTeXHei',"微軟正黑, serif, Arial;

    但是微軟正黑體有一個問題 safari瀏覽器有些次會錯位或無法顯示 所以在CSS BODY改成

    1. font-family:  "儷黑 Pro","微軟正黑體",'cwTeXHei', serif, Arial;

    這樣就可以了

    演示網址:https://www.netyea.com

     

  • CSS, 網頁字型, 網頁語法
NetYea 客服 NetYea 客服
NetYea 客服

CSS用google連結改變網頁字型語法 -