zoukankan      html  css  js  c++  java
  • (转)iOS字体

    一、iOS原生字体展示

    在 label中选择字体的font,并把font由system改成custom后,就能在family中看到72种特殊字体。这些里面就有很炫的字体,但 是全部是只针对英文数字,对中文无效。写了一个程序把所有的原生样式遍历出来展示可以达到如下效果。可以清楚地看到每个字体对应的样式,不用再一个个试 了。 如果你不是在董铂然博客园看到本文,请点击查看原文。

    blob.png

    blob.png

    blob.png

    一 共是72种样式,我这个demo程序有两种展示方法,简洁展示和详细展示,简洁展示中只会把每个family的第一个font拿出来展示。最后一张图是详 细展示界面的。分了group展示,每个section对应一个family。可以看出苹果的原生字体还是有很多美观的字体,只是都仅对英文支持。

    相信现在大部分的软件大部分的项目都是这么写代码的:

    label.font = [UIFont systemFontOfSize:14];

    如果不想用默认系统字体则需要使用此方法赋值:

    UIFont *font = [UIFont fontWithName:@"Georgia" size:14];

    这里传进Name里的参数是familyName而不是fontName。

    二、获取family名称

    那么如何获取这个family的名称?

    方法1:在storyboard中或是xib中用label的图形化界面选中一个自己喜欢的样式,然后把名称记下写到代码中。

    方法2:上面就有啊,从上面5张图中选吧。

    方法3:(推荐)遍历

    在UIFont类中有这些关于家族名和字体名的开放API,通过这些可以清晰的写个遍历打印,查看所有的familyName和其中包含的fontName

    int i = 0;
    for(NSString *fontfamilyname in [UIFont familyNames])
    {
        NSLog(@"family:'%@'",fontfamilyname);
        for(NSString *fontName in [UIFont fontNamesForFamilyName:fontfamilyname])
        {
            NSLog(@"	font:'%@'",fontName);
        }
        NSLog(@"-------------%d",i++);
    }

    使用上面的代码即可遍历打印出所有的名称,然后从打印中复制名称到代码中个人感觉更为科学。

    三、外界字体引入项目

    本人亲测,在网上不管是windows字体,还是Android字体只要是ttf格式的,一般iOS程序都支持内嵌。

    具体步骤也很简单:

    1.将ttf文件拖入项目中

    blob.png

    2.修改plist文件,加入Fonts provided by application 配置,后面填上拖进来的项目名

    blob.png

    3.就可以在图形化界面看到新的字体选择了

    blob.png

    4.如果不想从IB界面找,建议使用一下上面的遍历打印,可以用循环打印数量来最直接的看是否导入成功,并找到自己需要的内容。

    blob.png

    5.运行项目得到自己想要的结果

    blob.png

    四、动态字体

    动 态字体-Dynamic Type源于iOS7引入的一个文本渲染框架TextKit。主要的作用就是可以系统自设大小。当下的苹果已经做了越来越多的人性化的处理,甚至连盲人模 式都有。对于字体的展示也是考虑到了各人的喜好,有的人喜欢看大字,有的人喜欢看小字。在动态字体出来之前,有的应用也考虑到了此用户体验,比如网易新闻 以前就有能够在应用中设置偏好的字体大小功能。苹果也整合到了整个手机中,动态字体的思想就是:在setting中设置字体大小,不单单系统的字体会变,连应用程序中的字体大小也会随之改变。前提是你应用程序中的字体的代码写的符合要求。 

    blob.png

    前面的文章大部分说的都是要在字体中选custom,这时要考虑动态字体就有选 Text Styles中的选项了。

    • UIFontTextStyleHeadline

    • UIFontTextStyleBody

    • UIFontTextStyleSubheadline

    • UIFontTextStyleFootnote

    • UIFontTextStyleCaption1

    • UIFontTextStyleCaption2

    这 些样式顾名思义,就不每个都列出显示效果了。标题,子标题,正文等等都是一些比较朴素。 我感觉这也就相当于word中的“样式”,把自己的每个章节的标题子标题选中设置成标题一或者标题二 然后就能用word的自动生成目录功能,并且一改某个样式里详细设置,每个标题子标题的格式也都会随之改变。 这里就是如果你在代码中把字体用这些样式,那你在手机setting里设置大小之后应用字体会有所反应。

    设置字体的位置是: 设置-》显示与亮度-》文字大小

    blob.png

    如上左图是把尺寸调到了最大后的效果,下面的提示语只有到最大才会显示。 我试了下QQ里的字体设置的都是动态字体,微信和支付宝暂时还不支持动态大小,在字体尺寸设置很大后微信支付宝没反应,QQ则响应改变。上面右图是在iphone6上截到QQ客户端的展示效果。

    设置动态字体的代码实现如下:

    UIFont *font = [UIFont preferredFontForTextStyle:UIFontTextStyleSubheadline];

    项目中建议把动态字体和自动布局结合起来用,以防止字体设置改变后出现错位Bug。 

    五、字体描述符

    字体描述符-UIFontDescriptor  也是TextKit的核心之一,大致意思就是:字体描述符可以把一个你不知道详情的font样式临时存起来做修改或赋值给别人使用。在使用了上面的动态字体之后,可能你只知道现在的text-Style但是详细的familyName,fontName都不知道是什么,这种情况下如果想修改字体的样式为斜体或粗体就只能使用这种方法:

    // ------取出当前正文的字体样式
    UIFontDescriptor *bodyFontDesciptor = [UIFontDescriptor preferredFontDescriptorWithTextStyle:UIFontTextStyleBody];
    // ------把样式改为斜体
    UIFontDescriptor *italicFontDescriptor = [bodyFontDesciptor fontDescriptorWithSymbolicTraits:UIFontDescriptorTraitItalic];
    // ------赋值给另一个label。
    self.titleLabel.font = [UIFont fontWithDescriptor:italicFontDescriptor size:0.0];

    关于样式一共有四种可选:

    • UIFontDescriptorTraitItalic

    • UIFontDescriptorTraitExpanded

    • UIFontDescriptorTraitCondensed

    • UIFontDescriptorTraitBold

    字体描述符还有一个API是通过详细属性字典设置一个label的样式,写法如下 

    UIFontDescriptor *attributeFontDescriptor = [UIFontDescriptor fontDescriptorWithFontAttributes:
        @{UIFontDescriptorFamilyAttribute: @"Avenir Next Condensed",
          UIFontDescriptorNameAttribute:@"AvenirNextCondensed-Italic",
          UIFontDescriptorSizeAttribute: @40.0,
          UIFontDescriptorMatrixAttribute:[NSValue valueWithCGAffineTransform:CGAffineTransformMakeRotation(M_1_PI*1.5)
          ]}];
    label.font = [UIFont fontWithDescriptor:attributeFontDescriptor size:0.0];

    这 上面分别设置了家族名,字体名,尺寸,形变,最后的size填0.0就可以,如果填了一个值,那这个值会把上面字典中的尺寸覆盖,感觉一般情况下应该不会 有人这么蛋疼用这种方法建样式,这个Attribute按command点进去还有很多,大多都是平时用不到的,有兴趣的可以一个一个钻研,好像一共有十 几个。

    上面这段代码创建的label会显示成这样:

    blob.png

    六、扩展字体样式

    上面说了原生全部不支持中文,但是我们用中文的人还是比较多,中文字体现在在网上搜索结果很多,但是大部分都不是想要的结果,要不就是不会让你那么简单下载的。我整理了一个常用的字体样式包,里面大致包括:

    华文行楷,华文琥珀,华文新魏,隶书 等等这些熟悉的名字

    纯净下载地址:http://pan.baidu.com/s/1hqfGdpE   密码:31qs

    除了这些常用样式,还有一些非常规的字体样式,当然好的字体遇到时我会积累,并整理在下面,不要求多,只要求精。

    纯净下载地址:http://pan.baidu.com/s/1i38etV3  密码:hnv7

    blob.png

    blob.png

    如果有非常推荐的字体也欢迎告诉我 我整理在一起。

    如果你不是在董铂然博客园看到本文,请点击查看原文

    上面说的有个程序可以看到iOS所有字体的展示样式,下载地址在:https://github.com/dsxNiubility/SXFontShow

  • 相关阅读:
    vue路由学习
    vue组件学习
    Vue常用特性
    Vue入门常用指令
    ES6新增语法
    如何搭建一个vue项目(完整步骤)
    OA办公系统
    java有序数组的有序交集
    javascript输出数据到文件
    node js 实现文件上传与反显
  • 原文地址:https://www.cnblogs.com/hxwj/p/4835396.html
Copyright © 2011-2022 走看看