[メモ] webで使える無料フォント
カテゴリー: ぷろぐらみんぐ/メモ
2024-02-11
タイトル
Google Fonts
雑誌読み放題でWEBの雑誌をパッと見たら
webで使える無料フォント(Google Fonts)というのを発見したので
アクセスしてみた
大半は書体が好きでなかったので、使ってもいいかなっていうのは次の2個だけだった。
・Noto Sans JP
・ニコモジ
使い方はいたって簡単、リンクコード貼るだけ。
だけど、これブラウザにキャッシュしてもらわないと低速回線だとサイト重くなるよね。
挿入してみようと思ったのですが、linkコードをエディタが消してしまうので無理っぽいです。
Todo: オプション設定でRAWコードを挿入するプラグインを追加して対応しようと思います。
Noto Sans JP
Noto helps to make the web more beautiful across platforms for all languages. Currently, Noto covers over 30 scripts, and will cover all of Unicode in the future. This is the Sans Japanese family. It has Regular and Bold styles and is hinted.
フォントサンプル
font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;
ニコモジ
Nico Moji
Nico Moji (ニコモジ) is a cute and playful Japanese font, with flat and wide Katakana and Hiragana.
フォントサンプル
執筆:2024.02.11
編集:2024.02.11
編集:2024.02.11
Google Fonts
雑誌読み放題でWEBの雑誌をパッと見たら
webで使える無料フォント(Google Fonts)というのを発見したので
アクセスしてみた
大半は書体が好きでなかったので、使ってもいいかなっていうのは次の2個だけだった。
・Noto Sans JP
・ニコモジ
使い方はいたって簡単、リンクコード貼るだけ。
だけど、これブラウザにキャッシュしてもらわないと低速回線だとサイト重くなるよね。
挿入してみようと思ったのですが、linkコードをエディタが消してしまうので無理っぽいです。
Todo: オプション設定でRAWコードを挿入するプラグインを追加して対応しようと思います。
Noto Sans JP
Noto helps to make the web more beautiful across platforms for all languages. Currently, Noto covers over 30 scripts, and will cover all of Unicode in the future. This is the Sans Japanese family. It has Regular and Bold styles and is hinted.
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
フォントサンプル
フォントサンプル Noto Sans JP
font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;
ニコモジ
Nico Moji
Nico Moji (ニコモジ) is a cute and playful Japanese font, with flat and wide Katakana and Hiragana.
<link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet">
.wf-nicomoji { font-family: "Nico Moji"; }
.wf-nicomoji { font-family: "Nico Moji"; }
フォントサンプル
フォントサンプル Noto Sans JP