IntelOne Mono 英特尔编程字体

IntelOne Mono.png

一、简介

IntelOne Mono 是一个被设计为富有表现力的字体,在设计之初就充分的考虑到 开发者的需求:清晰度/易读性,以解决视觉的疲劳, 减少编码错误等问题,并且 IntelOne Mono 已经得到 低视力 等人群的反馈,证明确实得到一些正面反馈效果。

开源协议:SIL Open Font License 1.1 商用需要注意协议内容。

二、字体粗细

Untitled.png

IntelOne Mono 按照字体粗细可以分为四种字体:细体/常规字体/中等粗细/粗体 以及斜体效果

三、字体格式支持

font-images.png

官方仓库 中,给出四种格式的样式字体,就安装体验:

  • Windows/MacOS 桌面端使用 ttf/otf,这两种字体都具有跨平台性。
  • Web 端使用 woff/woff2 字体。

四、下载并使用字体

1. Git clone 下载

cd <dir> & git clone https://github.com/intel/intel-one-mono.git
cd <dir> & git clone https://github.com/intel/intel-one-mono.git
cd <dir> & git clone https://github.com/intel/intel-one-mono.git

2. Github Release 下载

intel/intel-one-mono 根据需要下载即可。

3、在 VS Code 中配置

位置 设置 示例
1、配置 Settings(设置) -> User(用户) -> Text Editor (文本编辑器) -> Font Family (字体家族) -> IntelOne Mono vs-code-setting-font.png
2、集成终端 Settings(设置) -> User(用户) -> Features(特性) -> Terminal (终端) -> Intergrated Font Family (字集成字体家族) -> IntelOne Mono intel-one-inter.png

4、在 WebStrome 中配置

编辑器配置 设置位置 示例
1、配置编辑器 Settings(设置) -> Editor(编辑器) -> Font -> IntelOne Mono webstrom-use-intel-one-mono-font.png

5、在 Sublime Text 中配置

覆盖 json 数据 font_face 属性值:

编辑器配置 设置位置 示例
font_face "font_face": "IntelOne Mono" sublime-intel-one-mono-screen-cut.png

其他环境字体,例如:终端中配置也比较简单,就不再复述。

五、字体显示效果

不同大小字体展示效果.png

在渲染字体方面,IntelOne Mono 字体推荐使用大号字体,ttf 文件格式字体,已经对大号字体进行了优化,尤其是在 Windows 平台。

注意:在 VSCode 中,当字体大小发生变化的时候,字体/建议窗口/终端的行高最好一起配置。

六、好编程字体的特点

要素 说明
1、清晰易读 避免过度装饰,准确还原字体,易读易懂。
2、等宽字体 编程对排版的整齐度有较高的要求,排版整齐的代码更加容易阅读和理解。
3、字符与符号层次封面 字符中,字母,数字等都具有应该具有不同的展示高度,凸显不同的层级的内容,使得编码更具有层次感。便于快速理解代码字符。
4、特殊字符 逗号、句号、括号等等编程中常用的字符,应该突出、便于识别。

七、不同编辑器显示效果

编辑器 展示
VS Code show-vscode.png
WebStrome webstrom-intelOne-mono-show.png
Sublime show-sublime-intel-one-mono-screen-cut.png

八、社区反馈

IntelOne Mono 字体自 4 月 22 发布第一个版本,到今天 Github 社区 Star 数目目前 已经达到 5.5K+ star 数目,足以证明字体的受欢迎程度。

九、与其他字体对比

对比是为了找到更加 适合自己 的字体。

字体名称 效果展示
IntelOne Mono compare-intelone-mono.png
JetBrainsMono Nerd Font JetBrainsMono Nerd Font.png
Input Mono compare-Input Mono.png
InconsolataGo Nerd Font Mono compare-InconsolataGo Nerd Font Mono.png
Cascadia Mono compare-cascadiamono.png

十、从 IntelOne Mono 看字体设计

1. UFO

logo.svg

  • 全名:(The Unified Font Object) 统一字体对象
  • UFO 3 (unifiedfontobject.org)
    一种跨平台、跨应用程序、人类可读、面向未来的格式,用于存储字体数据。
  • UFO3 文件的目录结构是这样的。

2. glif

全名:(glyph interchage format) 描述字型文件格式,glif 存储了单个字形的 (TrueType、PostScript)轮廓、标记点、参考线,使用 xml 语法。

3. plist

属性列表格式包含一系列以 XML 编码的键值对。

4. fea

.fea文件名扩展名主要与 Adobe OpenType Feature File ( .fea)文件类型相关联,该文件类型与 OpenType 一起使用,OpenType 是一个开放的标准规范,用于可扩展的排版字体,最初由微软和 Adobe Systems 开发。

5. 软件

RoboFont

robotfont.png

仅限 MacOS 支持,推荐使用。

FontForge

fontforge.png

适用于 Windows/Mac。

6. PostScript 字体

是由 Adobe Systems 为专业数字排版桌面排版开发的轮廓字体计算机字体规范编码的字体文件。

7. TrueType 字体

TrueType 是由美国苹果公司和微软公司共同开发的一种电脑轮廓字体(曲线描边字)类型标准。这种类型字体文件的扩展名是.ttf,类型代码是 tfil。

十一、小结

本文主要介绍 IntelOne Mono 字体在当前主流编辑器中使用方法和展示效果,了解好的编程字体的优秀特带你。并且探索其背后实现的直奔知识点涉及字体的设计方法和工具软件,如果感兴趣,可以自己设计一套字体。IntelOne Mono 字体在 GitHub 上 Star 数量反映了其被人快速关注且喜欢的特点。但也有不足,没有提供 Nerd Font 字体,对于喜欢用终端的小伙伴,暂时可能会受欢迎。

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYnVsgtQ' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片