首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

字体选得好,开发效率

经常有人在我的视频和文章下留言说:你IDE用的什么字体?还挺好看的。 今天就统一回复下,我用的字体是 monaco 一款好的编程字体通常要满足以下几个条件: 1....所以相比于出版打印常用的有衬线字体,编程字体大多是简洁柔和的无衬线字体,更适合在屏幕上长时间阅读。 上述条件 monaco 都满足。...它是苹果出的一款开源字体,所以在Mac系统上表现更好,曾是Mac终端和Xcode的默认字体。 当然它不是唯一的选择。比如Mac上另一款字体menlo,也曾是Xcode的默认字体。...而Windows平台上,大名鼎鼎的consolas是很多人的选择,也是VSCode的默认字体。 这三款字体的风格比较类似,都是比较典型的编程字体。...最后,再推荐一个我在SublimeText中使用的字体:Sarasa-Gothic,更纱黑体 它是由一位国人大佬 Belleve 制作的开源字体

44110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    cssline-height的用法(转)

    本文导读: ““指一文子的高度,具体来说是指两行文子间基线间的距离。在CSS,line-height被用来控制之间的垂直距离。line- height 属性会影响框的布局。...三、line-height中行、行距与半行距 是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。 行距是指一底线到下一顶线的垂直距离,即第一粉线和第二绿线间的垂直距离。...半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(-字体size)/2 图片说明 四、line-height...行内框,每个行内元素会生成一个行内框,行内框是一个浏览器渲染模型中的一个概念,无法显示出来,在没有其他因素影 响的时候(padding等),行内框等于内容区域,而设定时行内框高度不变,半行距【(...-字体size)/2】分别增加/减少到内容区域的上下 两边(深蓝色区域) 框(line box),框是指本行的一个虚拟的矩形框,是浏览器渲染模式中的一个概念,并没有实际显示。

    98510

    Cell 动态文字显示不全问题探索

    问题概述 使用的是”预估+自动布局“的方法实现动态(适用于 iOS7.0 以后系统)。...预估: self.gTV.estimatedRowHeight = 90; self.gTV.rowHeight = UITableViewAutomaticDimension; 自动布局,又叫 autolayout...发现预估是正常的。 效果如下: ?...在 cell 显示之前,setFrame 生效,此时,cell 在之前预估的基础上,根据约束重新布局,舍弃了内容 label 的高度约束,导致内容显示不全。...当我们把底部约束的优先级降低到 Low 时,cell 在之前预估的基础上,根据约束重新布局,舍弃的就是低优先级的底部约束了,因此才能看到低优先级底部约束开始生效,后来因 setFrame 减小了高度

    1.9K20

    、(顶线、中线、基线、底线)、vertical-align

    image.png (3) (line-height) 内容区 + 以内容区为基础 对称拓展的 空白区域,我们称之为 。...元素居中时的 让元素在指定区域内 上下居中: = 行距 * 2 +font-size image.png 字体大小 line-height< 字体大小font-size时, 将出现...半行距:半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(-字体size)/2。...image.png (5)行内框、框 行内框:每个行内元素会生成一个行内框,行内框是一个浏览器渲染模型中的一个概念,无法显示出来,行内框等于内容区域,而设定时行内框高度不变,半行距[(-字体size... image.png 元素对影响 框高度是行内最高的行内框高度,通过line-height调整,内容区高度与字体尺寸有关,padding不对造成影响。

    2K20

    dotnet OpenXML 聊聊 PPT 文本行距计算公式

    在 Office 的 PPT 里面,将根据储存文档的行距以及字号,计算出渲染出来的每一的文本行。...而固定行距指的是固定多少尺寸的高度的行距 ,一的高度值,以横排文本作为默认例子,指的是选择文本时,所看到的选择范围的高度值,如下图 行距 = 上边距+下边距 修改行距时不影响文本的文字高度,只修改上边距和下边距的值...也因为行距的变更而变更 我根据使用 QQ 截图工具,测量不同的字体和字号,对于中文文字的的影响,通过逗比的算法计算出行距计算公式。...经过修改字号和行距,可以通过测量看到的是线性修改的。通过一次线性函数 y = ax + b 分别做控制字号修改行距倍数,以及控制行距倍数控制。...LineSpacing 值如下: 微软雅黑 1.31982421875 宋体 1.140625 因为在 PPT 中不同的字体没有影响,以上都是固定微软雅黑进行测试 更多请看 Office 使用

    81850

    CSS(line-height)及文本垂直居中原理

    3.png 几条线与的关系图解: ? 4.png 文本的也可以看成是基线到基线的距离。 ?...Chrome浏览器的默认值 谷歌浏览器字体的默认大小是:16px,字体的最小值为:12px,默认为:18px;默认情况下如果没有给div设置高度,那么这个div的高度会比其中文本的大小大一点(这个大多少现在没有办法确定...的单位 px(像素) 设置起来是最直接的,同时也最方便的。 %(百分号) 如果line-height单位设置为%,那么将来在计算的时候,基数是当前标签中的文本的字体的大小。...计算的基数 如果的单位不是px,那么将来高要进行计算:这个计算需要一个基数,这个基数是当前标签的字体大小,而不是浏览器默认字体大小。...以上面的例子为例,我们并没有设置任何字体大小,此时我们把line-height设置为150%,那么文字的将变为24px(16px*1.5=24)。

    4.5K10
    领券