美文网首页
设计图的字体和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