CSS用google連結改變網頁字型語法＠竹北網頁設計

2023-07-27 08:00:08| 人氣6| 回應0 | 上一篇

推薦 0 收藏 0 轉貼0 訂閱站台

當在設計網頁時，網頁預設是新細明體，

看起來真的不是很悅目

所以嘗試改變一下字體

讓網頁看起來更順眼

所以在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');
}

複製代碼

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

複製代碼

在CSS內BODY加入網頁設計

複製代碼

這樣就能夠了

演示網址：http://www.netyea.com

我要檢舉

台長： tedjwq3

人氣(6) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 偶像後援(藝人、後援會) | 個人分類: NetYea |
此分類上一篇:【Python 爬蟲】抓取 Google 搜索了局的貫穿連接

回應(0)

竹北網頁設計 竹北網頁設計 0愛的鼓勵 0訂閱站台