美文网首页ios开发小技巧
iOS中iconfont的基本使用

iOS中iconfont的基本使用

作者: qiulibi | 来源:发表于2017-12-01 18:12 被阅读16次

    第一步:从iconfont平台选择要使用到的图标,并下载至本地

    动图.gif
    第二步:打开从iconfont平台下载下来的文件,并在目录中打开demo_unicode.html,找到图标相对应的 HTML 实体字符码;
    image.png
    第三步:将从IconFont平台下载的字体文件(.ttf)添加到工程中;

    打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“


    image.png

    第四步:使用IconFont字体:

        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 250, 100)];
        label.numberOfLines = 0;
        label.textColor = [UIColor redColor];
        label.font = [UIFont fontWithName:@"iconfont" size:30];
        label.text = @"\U0000e6ec \U0000e6f2 \U0000e6f4 \U0000e6f5 \U0000e6f7 哈哈哈";
        [self.view addSubview:label];
    

    其中fontWithName中的名称可以从之前打开的html文件中查找


    image.png

    效果图


    Simulator Screen Shot - iPhone 8 Plus - 2017-12-01 at 18.18.42.png

    其中还有一点需要主要一下:
    · 文本值为 8 位的 Unicode 字符,我们可以从第一张图中找每个图标所对应的 HTML 实体 Unicode 码,比如: "扫一扫" 对应的 HTML 实体 Unicode 码为:&#xe6ec,我们只取圈起来的四个,即转换后为:\U0000e6ec 就是用\U 加圈起来的四个中间用 0 填补满长度为 8 个字符

    相关文章

      网友评论

      本文标题:iOS中iconfont的基本使用

      本文链接:https://www.haomeiwen.com/subject/sjvwbxtx.html