iT邦幫忙

DAY 22
1

HTML5 & CSS3系列 第 22

30天分享(24) - CSS3 字型

  • 分享至 

  • xImage
  •  

網頁字型在 CSS3 可以使用自訂的字型,

但必須是以下三種檔案類型,

TTF 、 OTF 、 WOFF 這些檔案類型主要瀏覽器都有支援,

使用自訂自型的程式碼如下 :

@font-face {

font-family: myFirstFont;

src: url(sansation_light.woff);

}

div {

font-family: myFirstFont;

}

注意 :

@font-face 並非自訂名,不能更改。

font-family 的值必須與 div 相同。

最後只要注意文字檔案的路徑不要錯,就能在網頁顯示自訂的字型了!


上一篇
30天分享(23) - CSS3 文字
下一篇
30天分享(25) - CSS3 互動式動畫
系列文
HTML5 & CSS328
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言