IBM Plex Sans JP（v5.2.1）の使い方

投稿日: 投稿者: 管理者

IBMの新しいフォントの使い方。ほとんどREADMEに書いていることと同じ。

https://github.com/IBM/plex/

こちらからソースコードを入手する。

npm install @ibm/plex

sassファイルに下記を記述しDart Sassでコンパイルする。

$font-prefix: './custom/path/to/font/files';
@import 'node_modules/@ibm/plex/scss/ibm-plex.scss';

フォントの指定は下記のようにする。

font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
font-family: 'IBM Plex Serif', 'Georgia', Times, serif;