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

字体选得好,开发效率高

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

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

    css行高line-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),行框是指本行的一个虚拟的矩形框,是浏览器渲染模式中的一个概念,并没有实际显示。

    1K10

    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不对行高造成影响。

    2.2K20

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

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

    83850

    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.6K10

    顶级投行高盛VRAR报告全文中文翻译 Part II

    ★ 本报告为高盛于2016年1月13日发布的仅面向其二级市场机构客户的英文报告《Virtual & Augmented Reality:Understanding the race for the next...在这种环境下,高盛目前预计美国2015年全年汽车销量为1.75亿。潜在的瓶颈:Volvo承认Microsoft的演示是在受控环境中的,在其它时尚潮流店面复制这一经验会有一些特定挑战。...美国有120万注册代理商,日本有12.3万代理商,德国有3.2万,英国有2.2万(数据来自NAR,OC&C,日本外务省) (2)困难与挑战 房地产商所使用的VR设备内的房屋信息必须采用全景相机拍摄,耗费高并需要大量人力才能完成...还可以作为自动操作的设备帮助完成日常工作· 数据隐私和软件发展可能会是阻碍其发展的因素 我们看到VR/AR技术在医疗上的几个运用案例:(1)作为工具在诊疗过程和日常工作上帮助医生解决问题;(2)用于物理治疗及恐惧症(如恐高症等

    1.3K30
    领券