みなさんこんにちは!おさかなです!
今回は『Wordmark』について、書いていこうと思います!
それでは、レッツゴー!!!!!
『Wordmark』って何?
『Wordmark』とは、パソコンにインストールされている全てのフォントを、一覧で確認できるサイトのことです。サイトの利用は無料。テキストを入力するだけでサクッと表示を確認でき、お気に入りのフォントは画像として保存することもできます!(便利〜✨)
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/8d209a8641ab6971cd333a0d506ddfa1.png)
![](https://osakanav.com/wp-content/uploads/2022/10/ai6g-top-160x90.gif)
実際に使ってみよう!
フォントを一覧で確認しよう!
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark.png)
まずは「入力ボックス」に適当なテキストを打ち込みます。(はい!)
![](https://osakanav.com/wp-content/uploads/2023/04/qM9Pz6ocEb5AGTn1680863330_1680863340.png)
最初にフォントを調べるときは、パソコンの許可が必要なため「Allow Chrome to show your fonts」をクリック。
![](https://osakanav.com/wp-content/uploads/2023/04/sfzOd2E2R2TEcZq1680863396_1680863406.png)
続いて「許可する」を選択しましょう!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2023/04/mPbz7EzrtgX8fiP1680863428_1680863461.png)
「Great! Thanks!」と表示されればOKです!
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-thanks.png)
この状態でページをスクロールすると……こんな感じで「フォント一覧」が表示されました!(おお!)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-fonts.png)
ちなみに「英語」はこんな感じ。(なんか明らかにアスタリスク*しかないやつあって、気になる。笑)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-en.png)
![](https://osakanav.com/wp-content/uploads/2022/12/tothethirddimension-top-160x90.png)
(ひと休み🌸)
特定のフォントを確認しよう!
気になるフォントを見つけたら、選択しましょう!(ポチッと)
![](https://osakanav.com/wp-content/uploads/2023/04/KBoius5I0EZ4Qjb1680863532_1680863543.png)
続いて「Filter selected fonts」をクリック。
![](https://osakanav.com/wp-content/uploads/2023/04/bi6Og16eV9eybeW1680867670_1680867681.png)
すると……こんな感じで「フォントの詳細」を確認できます!(いいね👍)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-moji.png)
「Smaller / Bigger」を切り替えると、大小フォントの表示が見れます。
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-size.gif)
「Normal / Tighter / Looser」では、文字間隔を調整できます。(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark.gif)
ちなみに「ダークモード」のデモも実装されているため、気になる方は試してみてください……!🌙
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-dark.gif)
左側にあるメニューから「Print」を押すと……?
![](https://osakanav.com/wp-content/uploads/2023/04/RX6d2amWL6rWwyF1680863570_1680863590.png)
選択したフォントを「印刷」できます。(すごい😊)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-print.png)
「Export」を押すと……?
![](https://osakanav.com/wp-content/uploads/2023/04/RX6d2amWL6rWwyF1680863570_1680863649.png)
「.png形式」の画像として、保存できます!(いえい🌿)
![](https://osakanav.com/wp-content/uploads/2023/04/wordmark-export.png)
↓実際に作成したものがこちら
![](https://osakanav.com/wp-content/uploads/2023/04/Smile-set-with-Chilanka-Regular-1.png)
![](https://osakanav.com/wp-content/uploads/2023/04/Exciting-set-with-Ani.png)
![](https://osakanav.com/wp-content/uploads/2023/04/Smile-set-with-NimbusMonoPS-Regular.png)
![](https://osakanav.com/wp-content/uploads/2023/04/Exciting-set-with-Laksaman-Bold.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
フォントによっても印象が変わるよね〜
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
(珍しく真面目なことを言ってる……笑)
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/11/dddfont-top-160x90.png)