html CSS引用字體文件

有的網站字體，用戶電腦上沒有，如果只是單純的定義 font-family 是不起效的。

我們可以將字體文件放置在網站目錄，直接引入，這樣即使用戶電腦上沒有該字體也能自動加載。設置方法如下：

css 代碼：自定義字體

@font-face {    font-family: 'MyFont';   /*字體名稱*/    src: url('font.ttf');       /*字體源文件*/  }

然後在定義就可以了：

.text{      font-family: MyFont;    /*剛剛定義的字體名稱*/  }

這樣就可以正常顯示了。