GitHub开源两可变式字体Mona Sans、Hubot Sans

访客 63 0

GitHub开源两可变式字体Mona Sans、Hubot Sans-第1张图片-苹果试玩

GitHub开源了自家设计的两款字体,分别是Mona Sans以及Hubot Sans,这两款字体都是可变式字体,能灵活支持各式内容呈现,具有可变倾斜度、粗细和宽度,现在GitHub以开源字体授权(OFL)对外释出。

Mona Sans是GitHub主要的跨媒体字体,其设计灵感来自工业时代的怪奇风格,由GitHub和Degarism工作室合作设计,Mona Sans可变粗细和宽度,无论是在产品、网页、印刷品都能保有良好的表现力,GitHub在主文、标题到引文等各种内容都会使用Mona Sans。 GitHub提到,因为Mona Sans可以任意的弯曲和适应各种设计,在需要更具表现力的排版,也能保持字体质量。

Hubot Sans则是Mona Sans的姐妹设计,但是带有额外的机器人风格,加入更多几何元素,营造出技术与独树一格感觉,适合用于标题和引用,是GitHub第二主要品牌字体,在ReadME项目和GitHub Universe网站都会看到Hubot Sans的使用。

Mona Sans和Hubot Sans同时可用作静态与动态字体,可变字体单一字体档案打包了一组可变轴,用户便可以精细的控制字体呈现,包括控制向量点使字体呈现特殊的外观和呈现,同时也可以调整宽度,这赋予用户可以将同一字体应用在各种内容和需求,而不需要针对各种新用例都加载和安装新的字体档案。

Mona Sans和Hubot Sans都带有三个可变轴,分别是可控制粗细的权重,以及调整压缩和扩展的宽度,还有可控制倾斜的斜度,用户自由组合这些控制轴,就能够创造出数千种不同字型外观和表现。

GitHub开源两可变式字体Mona Sans、Hubot Sans-第2张图片-苹果试玩

可变式字体减少了页面显示所需要的字体档案,但官方还提供了两个可以加速字体加载的建议,用户可以进行预加载以及子集化字体来加快页面呈现速度,并减少CLS(Cumulative Layout Shift)。 子集化字体是在字体档案中,删除未在页面和项目使用的字体,这将有助于加速网站加载,用户可以使用glyphhanger等工具,分析内容找出最小的字体集。

当用户在使用自定义字体,且在第一页渲染后才装入字体,则界面可能因为从后备字体(Fallback Font)切换至自定义字体的过程,产生不协调的加载体验,GitHub建议用户可以根据需求,创建具有大小调整、升序和降序覆写的Mona Sans、Hubot Sans自定义后备字体,强化加载体验。

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~