TJ Plus Sans

TJ Plus Sans は、複数のサンセリフ書体を組み合わせ、和文と欧文が自然になじむよう整えたフォントです。端正で読みやすく、Webサイトやアプリ、資料制作まで幅広く使える書体を目指しています。

Download v0.2.1

Variable Font

Aaあア亜

このフォントでは、フォントの太さを数値で無段階指定できる Variable Font対応しています。

Type Tester / Weights

Light

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

300
Regular

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

400
Medium

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

500
SemiBold

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

600
Bold

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

700
ExtraBold

TJ Plus Sans は、複数の書体を組み合わせた合成フォントです。

800

Reading

32px

TJ Plus Sans は、端正で読みやすく、Webサイトやアプリ、資料制作まで幅広く使える書体を目指しています。

24px

TJ Plus Sans は、端正で読みやすく、Webサイトやアプリ、資料制作まで幅広く使える書体を目指しています。

16px

TJ Plus Sans は、端正で読みやすく、Webサイトやアプリ、資料制作まで幅広く使える書体を目指しています。

12px

TJ Plus Sans は、端正で読みやすく、Webサイトやアプリ、資料制作まで幅広く使える書体を目指しています。

Web Fonts

このフォントは、Webサイトやアプリで使用できる Webフォントして提供しています。Google Fontsと同様のサブセット化により、軽量で高速な読み込みが可能になります。

Use CDN

<!-- index.html -->
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tj-plus-sans@v0.2.1/index.css">
/* style.css */
body {
  font-family: "TJ Plus Sans", sans-serif;
}

Use NPM (Self-Host)

# install
npm install tj-plus-sans
// index.jsx
import 'tj-plus-sans/index.css';
/* style.css */
body {
  font-family: "TJ Plus Sans", sans-serif;
}

Source Fonts

このフォントは、以下のフォントを合成して作られています。各フォント制作者様に感謝いたします。

M PLUS 1
M PLUS 2
Plus Jakarta Sans
Noto Sans JP