【谷歌】出于男人的浪漫,我引入了IBM Plex字体。【必要之恶】

3 min

language: ja bn en es hi pt ru zh-cn zh-tw

ibm-plex-images-768x156-1.jpg

在字体方面,我曾一度迷失方向。

我曾无脑地使用 Roboto 和 Noto Sans。
我也尝试过评价很高的日文字体 M Plus,但个人觉得不太能接受。

寻找其他字体的原因是 Noto Sans 太重了。

因为使用了 Google 的 CDN 调用 Google Fonts API,所以速度会变慢,而且有时我对汉字会感到一丝不协调。当然,如果下载并安装到自己的服务器上,负载问题就能解决。
我查看了其他网站,想参考他们使用了什么字体,结果到处都是 Noto Sans!!!啊啊啊啊!!!!

即使是那些需要独创性的网站,也都在使用 Noto Sans。真是的。

所以虽然有所不满,但一直没有找到替代方案,就这么放着了。

找到了!

开源字体“IBM Plex”的诞生过程

因此,在寻找新字体(也就是上网冲浪)的过程中,我发现了 IBM 作为开源项目发布的 IBM Plex。
这是我敬爱的 IBM 制作的字体。

制作秘闻也很美,甚至在 IBM Plex JP 中,我也感受到了所谓的 IBM 的“大和魂”(日本精神)。

可以从 IBM 的 Github 下载最新版本。
Releases · IBM/plex · GitHub

于是下载下来,放到服务器上并添加!在 style.css 中添加以下内容。

/* フォントの読み込み */
@font-face {
  font-family: 'IBMPlexSansJP';
  src: url('******/IBMPlexSansJP-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSans';
  src: url('******/IBMPlexSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

然后,根据各自的 style.css,在正文/标题中追加或替换代码。

太棒了!!

尤其是“I”的显示,太棒了。

这就是经典的 IBM 的“I”。

所以,正因为我感受到了 Noto Sans 的问题,才产生了必须更换的念头,谢谢 Google!你是个必要之恶,谢谢 Noto Sans!

最后,我将引用 IBM Think Blog 中一句触动人心的话。

IBMが1920年代以降に作ってきたすべての製品は、テクノロジーと人間の融合を目指してきました。このことからも明らかないように、IBMは、常に、人間と機械の間の媒介としての役割を果たしてきています。
自然なものと人工的なもの。
感情的なものと理性的なもの。
古典的なものと最先端のもの。
--
では、なぜ、IBM Plexを、オープンソースのフォントとしたのでしょうか。
Mike Abbinkは次のように述べています。

「IBM Plexを社内でのみ使用することについては多くの議論がありました。その一方で、IBM Plexを、IBMが提供するすべてのエクスペリエンスの一部とするためには、オープンソースのフォントにする必要があると考えました。その結果、靴屋やコーヒーショップが、自分たちのアイデンティティーを伝える手段にIBMのフォントを用いることになれば、とても素晴らしいことです。その靴屋やコーヒーショップは、自分たちのアイデンティティーとIBMのアイデンティティーを結びつけているのです。IBM Plexを、自分たちのためだけに使っても、何の得にもなりませんからね」

オープンソース・フォント「IBM PLEX」誕生の経緯