我观察了Svelte官方页面的字体,因为它很漂亮

スクリーンショット 2023-12-11 9.06.27.png

第一次阅读Svelte官方网站时,我突然想到的是:“这是什么字体?”

这个装扮给人一种非常有冲击力、简约又时尚的感觉(没读过内容)。
关于这个字体,我稍微收集了一下,包括了svelte以及与之同属于JavaScript框架的Vue.js和React官方页面的字体。

我预计”Vue.js的人一定非常注重字体”。

立交桥

在SVELTE公式页面上使用的字体是名为“Overpass”的字体。

Overpass是一种基于美国联邦公路管理局绘制的FHWA系列公路哥特字体标志字母的数字字体。它是由德尔布·威灵顿、戴夫·贝利和托马斯·乔金设计的。
https://en.wikipedia.org/wiki/Overpass_(typeface)
发布日期:2015年8月28日

可能是因为它被用作道路标志,具有一种引人注目的设计。

Overpass.png

我也查找了Vue.js和React页面所使用的字体。

SvelteOverpasshttps://svelte.dev/Vue.jsInter varhttps://ja.vuejs.org/React(旧サイト)system-uihttps://ja.legacy.reactjs.org/React(新サイト)Optimistic Displayhttps://ja.react.dev/

尽管Vue的网站本身有一种热闹活泼的感觉,但字体本身很简洁。

スクリーンショット 2023-12-11 21.36.00.png

我突然想更了解字体的相关知识,但今天就先到这吧。

借鉴的文章

■ 高架桥(维基百科)

 

■ 「字体百科全书,Google字体篇 vol.5」,note,(2019年5月2日)
→对于设计师来说,这份字体指南无论是平时使用还是尝试,都是毫无风险!这个感觉让我觉得什么都没做,但是又很强烈。

 

■ SVELTE华文官方网站

 

■ Vue.js官方网站

 

■ 反应老网站

 

■ React新网站(2023/03~)

 

bannerAds