溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了如何在iOS中使用iconfont文字圖標，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
第一步：獲取iconfont文件。
公司會有UI做圖，讓他們提供文件就好了，如果自己學習測試或者做自己的項目，就需要自己找素材了。
打開網址，搜索你需要的圖標
移動鼠標到圖標上，點擊購物車的小圖標，然后點擊右上角的購物車小圖標，
點擊下載代碼，就可以把下載一個包含iconfont的壓縮包，文件夾的目錄如下圖
第二步：導入ttf文件
將文件夾中的iconfont.ttf文件直接拖入到項目中，記得勾選Add to targets中的選項
第三步：修改info.plist
點擊添加按鈕，輸入UIAppFonts，點擊回車，會自動變成名稱為Fonts provided by application的數組，點擊添加一個item，類型為String，輸入iconfont.ttf，這個是你剛導入的文件的名字，點擊回車，配置完畢；
第四步：查看iconfont中的圖標的編碼
我們使用的是unicode，所以，在剛才下載的文件夾中找到demo_unicode.html文件，雙擊打開，可以看到如下內容
其中的圖標名稱下面的一個字符串就是我們需要的編碼，只是我們需要將其進行轉換，如果是Objective-C，我們需要將其轉為\U0000e642，如果是swift，我們需要將其轉為\u{e642}，每個圖標的編碼不一樣，但是對應關系是一樣的，每個iconfont文件中可能不止一個圖標，使用的時候就根據圖標編碼轉成對應的即可使用；
第五步：在項目中使用iconfont
我用的是swift，Objective-C的使用方式類似，你們可以自己嘗試，只是編碼的轉換結果不一樣
let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30))
iconLabel.text = "\u{e642}"
iconLabel.font = UIFont.init(name: "iconfont", size: 15)其中的設置font中的name是你導入文件的名稱，如果你想給圖標一個顏色，直接設置label的文本顏色即可，如果設置大小，直接設置font就行
上述內容就是如何在iOS中使用iconfont文字圖標，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
