日記帳
本ページはプロモーションが含まれています
カテゴリー
Links
blog(ブログ)マスター
アンドロイドの巣
ゼロから始めるベランダ菜園
タイトル
2024年11月
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30

[メモ] webで使える無料フォント

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"; }

フォントサンプル
フォントサンプル 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"; }

フォントサンプル
フォントサンプル Noto Sans JP


PR

[PR]