美文网首页
设计图的字体和iPhone 模拟器的字体

设计图的字体和iPhone 模拟器的字体

作者: 山已几孑 | 来源:发表于2021-02-20 09:53 被阅读0次

    最近有这么一件糟心事儿,设计图总是比我写的看着舒服

    仔细检查发现,设计图的字体,同样的字体,总是比我这边的要细,细的很明显

    设计图 模拟器

    字体和设置,都和设计图保持一致了,但就是不一样!

    设计图的提示信息
    这里大家看下,设计图中的代码模板,他是用[UIFont fontWithName:@"PingFangSC-Regular" size:12];去创建的字体,其实,系统字体就是PingFangSC-Regular,直接使用最普通的就是可以,But,就是不一样!

    问题其实在这里:
    虽然上面提示的是PingFangSC-Regular,但是网页渲染的时候用的并不是PingFangSC-Regular,而是HelveticaNeue,Helvetica,Arial,sans-serif,这就是你和设计图的区别,如下图

    截屏2021-02-20 上午9.44.56.png

    下次设计师怼你的时候,记得怼回去!!!

    如果你怼不回去,那么只能认命了,改吧

    UIFont提供了这样一个方法[UIFont systemFontOfSize:12 weight:(UIFontWeightRegular)];

    UIKIT_EXTERN const UIFontWeight UIFontWeightUltraLight API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightThin API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightLight API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightRegular API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightMedium API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightSemibold API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightBold API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightHeavy API_AVAILABLE(ios(8.2));
    UIKIT_EXTERN const UIFontWeight UIFontWeightBlack API_AVAILABLE(ios(8.2));
    

    这里面自上向下,一个比一个粗、重,对应设计图中的PingFangSC-Regular,其实用UIFontWeightLight更合适一些!可以使用这种方式让字体更像设计图

    相关文章

      网友评论

          本文标题:设计图的字体和iPhone 模拟器的字体

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