1. 程式人生 > >自定義網頁字型

自定義網頁字型

一、使用字型一般步驟如下

  1、下載字型檔案,放置到適當位置

  2、配置軟體或網頁引數,讓軟體或者網頁能關聯到新的字型

  3、在軟體或網頁中使用新字型

二、網頁中如何使用自定義字型

  1、下載文字檔案,如:BebasNeue-webfont.ttf檔案,放到和網頁同一位置

  2、用@font-face進行字型關聯,如

    @font-face{

      font-family:'BebasNeueRegular';//BebasNeueRegular是自定義的名字

      src:url('BebasNeue-webfont.ttf');

    }

  3、font-family使用字型,如

    nav li a{

      font-family:BebasNeueRegular;

    }