フリーフォント選びに悩んだら
TypeSquareのフォントを1つしか使ってはいけない案件が多いので、デザインと違う、似ているフォントをフリーフォントから探さないといけないことが少なくないと思います。フリーフォントを探す作業はけっこう時間がかかります。そこで今回は、アコーダーでよく見る有料フォントに似ているフォントを共有しようと思います。
①じゅん → Rounded M+ 1c (Google font+日本語)
似てる度★★★★★・じゅん
・Rounded M+ 1c
HTML
<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />CSS
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
②見出ゴMB31 → Noto Sans Japanese (Google font+日本語)
似てる度★★★・見出ゴMB31
・Noto Sans Japanese
数字がまったく似ていませんが、日本語はよく似ています。
HTML
<link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" />CSS
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
①新ゴ R → M+1p (Google font+日本語)
似てる度★★★★・新ゴ R
・ M+1p
HTML
<link href="https://fonts.googleapis.com/earlyaccess/mplus1p.css" rel="stylesheet"/>CSS
.wf-mplus1p { font-family: "Mplus 1p",sans-serif !important;}