css自定義文字

2021-10-23 16:48:56 字數 405 閱讀 5211

第一步

獲取要使用字型的三種檔案格式,確保能在主流的瀏覽器中都能正常顯示改字型,並使用fonteditor檢視字型內容。

1、.ttf或.otf,適用於firefox3.5、safari、opera。

2、.eot,適用於internet explorer 4.0+。

3、.svg,適用於chrome、iphone。

4、.woff:轉為web字型制定的字型格式標準,被心版本瀏覽器廣泛支援。

第二步宣告該字型,在css中使用@font-face來宣告,並為改字型命名:

@font-face

第三步

在頁面需要的地方適用該字型:`

.pos

CSS自定義字型

css 允許自定義字型庫的乙個屬性 font face 自定義字型資訊 format 指定自定義的字型的格式 指定字型的路徑和字型格式 src url fonts icomoon.eot eot 相容ie4以上的字型格式 turetype ttf 格式 ie9以上,firefox opentype ...

CSS自定義屬性

1.自定義屬性的使用方法 自定義屬性分為 區域性自定義屬性 全域性自定義屬性 使用 宣告自定義屬性 使用兩個 宣告 例如 bg color red 注意這裡有乙個 冒號 這樣就宣告了乙個自定義屬性 bg color 和red 宣告後如何使用 var 自定義屬性名 括號還是要加上兩個 backgrou...

CSS自定義變數

試想下在複雜的專案中,css樣式會不斷累加,看到純數值的屬性值,我們很難理解它們的含義,如果我們可以給它們取乙個變數名來表示它們的含義,這樣更加便於我們理解和復用,於是就有了ccs變數的出現。如何使用它呢?在定義變數時一定要新增 字首,在使用它時需要使用var 函式,並且它也有作用域範圍,如果需要設...