注册
web

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

2. Github Release 下载



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



3、在 VS Code 中配置


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

4、在 WebStrome 中配置


编辑器配置设置位置示例
1、配置编辑器Settings(设置) -> Editor(编辑器) -> Font -> IntelOne Monowebstrom-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 Codeshow-vscode.png
WebStromewebstrom-intelOne-mono-show.png
Sublimeshow-sublime-intel-one-mono-screen-cut.png

八、社区反馈


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


九、与其他字体对比



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



字体名称效果展示
IntelOne Monocompare-intelone-mono.png
JetBrainsMono Nerd FontJetBrainsMono Nerd Font.png
Input Monocompare-Input Mono.png
InconsolataGo Nerd Font Monocompare-InconsolataGo Nerd Font Mono.png
Cascadia Monocompare-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 字体,对于喜欢用终端的小伙伴

作者:进二开物
来源:juejin.cn/post/7244174500785373241
,暂时可能会受欢迎。

0 个评论

要回复文章请先登录注册