iconfont及自定義字型

2021-10-03 07:41:54 字數 812 閱讀 7201

iconfont:

將iconfont拆開來看,就是icon(圖示)和font(字型)。簡單的說iconfont就是利用字型工具把我們平時網頁上用的圖形圖示轉換成網頁字型。其實跟字型差不多,字型對應的是文字,iconfont對應的是圖示

iconfont的優勢:

1、相比的大小容量,iconfont幾乎是羽翼級輕量。

2、圖示都被打包在字型庫裡面,減少了http的請求數量,加速網頁載入速度。

3、使用iconfont非常方便,和設定網頁字型一樣,可以利用css來定義圖示大小、圖示顏色、圖示透明度等

iconfont的劣勢:

1、利用css無法方便的定義多彩的icon,大部分是單一顏色。

2、因為iconfont跟字型有關,所以它很容易受到字元編碼的影響。

iconfont的使用:

iconfont-阿里巴巴向量圖示庫

@font-face
(2)定義使用 iconfont 的樣式(還可以設定顏色color)

.iconfont
(3)挑選相應圖示並獲取字型編碼,應用於頁面

3
2.@font-face引入字型檔案,並且定義該字型的名稱為:font(自己隨便寫)

3.使用

哈哈哈哈

自定義字型:

Android 自定義字型

今天在工作中遇到乙個很少用到的知識點,怎樣給我們的應用新增特殊字型,因為隨著開發的一步步進步,而字型也成為應用的一部分,好的字型給我們的應用帶來的不僅僅是好的使用者體驗,更是一種享受 下面我就一步一步給大家新增字型 1.首先在res 中新建乙個資料夾assets,在assets中建立新資料夾font...

自定義字型樣式

安卓本身自帶的字型是預設的,要想使用其他好看的字型,就要先準備好字型檔案。下面將介紹如何使用自己的字型。首先在eclipse工程asset資料夾下建立font資料夾,然後將準備好的字型檔案 如test.ttf 放到font資料夾下。接下來只需要一行 就可搞定!為編輯框中的文字設定樣式 自定義字型 e...

Spinner自定義字型

文字顯示不下,要麼換行,要麼是部分顯示,效果都不好。採用自定義的字型 1 繫結adapter的時候指定自己的樣式 adapter new arrayadapter this,r.layout.spinner item my,list 2 spinner item my.xml檔案內容如下 xmlns...