灯りの下で書いたのかもしれない、はてなブログ版

フォントとか、DTPとか、HTMLとか。テーマ「Panna Cotta」を作りました。

フォントで表現する天気記号16選【DT(P)の空論】

ⓘ本ページは広告が含まれています

今回は天気記号を使えるフォント16種類を紹介したいと思います。

基本的には文字パレットから使うのが確実でわかりやすいですが、可能な限り文字入力やショートカットキーも掲載しました。

※ 手持ちのmacシステムフォントとフリーフォントの範囲内で紹介してます。

①かな入力「てんき」

晴 れ Unicode: U+2600
UTF-8: E2 98 80
曇 り Unicode: U+2601
UTF-8: E2 98 81
Unicode: U+2602
UTF-8: E2 98 82
Unicode: U+2603
UTF-8: E2 98 83

日本語入力の場合、「てんき」「はれ」などと入力して変換すると出てきます。基本的にはUnicodeのU+2600〜2603です。

【01】一般的なデザイン①

SCREEN系(ヒラギノやこぶりな等)を使っているとよく見かけます。個人的には一番馴染みがあります。それと全体にシンプルなので使い勝手が良いです。

例外として「ヒラギノ角ゴシック W0」のみ雪だるまの帽子が黒いです。*1    

【02】一般的なデザイン②

こちらもよく見かけるデザインかと思われます。モリサワやフォントワークスは[降雪+白い帽子+二つボタン]の印象です*2。それと何気に曇りマークのクセが強いです。

【03】Apple Symbols

曇りのベースラインが妙に下、傘の柄が妙に長いのも気になります。

【04】Arial Unicode MS

曇りが妙にデカい気が……。雪だるまの口が点線状なのがリアルです。

【05】Menlo

曇りのベースラインが妙に下(2回目)、  そして雪だるまだけ明朝チック、なぜかダブルボタンです。

【06】STIX Two Math

雲付き太陽 Unicode: U+26C5
UTF-8: E2 9B 85
雷付き雨雲 ⛈️ Unicode: U+26C8 U+FE0F
UTF-8: E2 9B 88 EF B8 8F
傘と雨 Unicode: U+2602
UTF-8: E2 98 82
高電圧 Unicode: U+2603
UTF-8: E2 98 83
雪だるま Unicode: U+26C4
UTF-8: E2 9B 84

欧文フォント*3とは思えぬ安定感のある絵柄とベースラインです。この他にも使えそうな天気マークがありました。別バージョンの雪だるまもいます(なぜか服飾的なものが無い)。

【07】凸版文久系

控えめに言って可愛過ぎます。なにこの山崎製パンのロゴ風味とかぴちょんくん風味のある天気記号は。これを言いたいがために作った記事といっても過言ではありません。

【08】游ゴシック体

太陽の日差しの部分が妙に鋭いです。雪だるまが16種類の中では一番落ち着いた感じです。

【09】さなフォンJ3.0

渦巻きタイプの晴れマークが日本語入力で出せるのが良いです。そしてこのフォントは「罫線」でも出せるようです(詳細は後述「【09】さなフォンJ30(※罫線)」)。

【10】りいポップ角

割とシンプルな天気マークです。雪だるまの目がめずらしく縦長です。

【11】瀬戸フォント

もちろん瀬戸フォント*4にも天気マークがありました。全体に子供のような可愛らしさがあります。

【12】適当ポエム

たしかに適当……と思いきやウェイト毎に全部違う仕様なんですね。驚きました。

②かな入力「けいせん」

世のフリーフォントのなかには「けいせん」と日本語入力するとオリジナルの絵文字が出せる粋なフォントが時々あります。

ただし、フォントによって割り当てが違うので都度確認が必要です(例えばふい字の晴れは「┗」だが他は違う)

【12】ふい字

晴 れ

Unicode: U+2517
UTF-8: E2 94 97
曇 り Unicode: U+2523
UTF-8: E2 94 A3
Unicode: U+2533
UTF-8: E2 94 B3
Unicode: U+2533
UTF-8: E2 94 B3

のっぺらぼうの雪だるまも新鮮です。

【13】ほにゃ字Re

晴 れ Unicode: U+254B
UTF-8: E2 95 8B
曇 り Unicode: U+2520
UTF-8: E2 94 A0
Unicode: U+2528
UTF-8: E2 94 A8
Unicode: U+252F
UTF-8: E2 94 AF

雪だるまの口が点のせいか、おとぼけな感じがして良いです。

【09】さなフォンJ3.0(※罫線)

晴 れ Unicode: U+2520
UTF-8: E2 94 A0
曇 り Unicode: U+252F
UTF-8: E2 94 AF
Unicode: U+2528
UTF-8: E2 94 A8
Unicode: U+2537
UTF-8: E2 94 B7

さなフォンJ3.0は罫線でも入力が可能です。それぞれ文字コードは違いますが、イラストは同一のもののようです。

②英数入力(アルファベット)

こちらは記号フォントで、アルファベットで割り当てられています。

【15】Wingdings

晴 れ R 大文字のR
曇 り - -
S 大文字のS
T 大文字のT

雨はしずく、雪は結晶で表現されています。曇りに該当するマークは見つかりませんでした。

④英数入力(アルファベット以外)

こちらは文字パレット、もしくはショートカットキーを用いて利用することができます。

【16】Webdings

晴 れ Õ optionn
→ 大文字のO 
曇 り Ù option_
→ 大文字のU
Û optioni
→ 大文字のU
Ú optionshift+
雲付き太陽 Ö optionu
→ 大文字のO
太陽付き雲 -  -
太陽付き雲
+雨
Ø optionshifto
雲+雷 Ü optionu
→ 大文字の U
雲+竜巻 Ý optione
→ 大文字の Y *5

【例】雲付き太陽→[Ö]を入力すると表示できる。ショートカットキーを使う場合、①optionuを押してキーボードを〝アクセント記号を打つモード〟にする。②大文字のO(shifto)を押す。

雪がめずらしく雲と降雪だけで表現されています。[太陽付き雲+雨]にはショートカットキーがあって、[太陽付き雲]にはないのが不思議です(と言うか見つけてないだけ?)

最後に

いざ天気マークを比較してみるとフォント毎に個性がありましたね(特に雪だるま)。単に天気を表示する為だけでなくワンポイントとして使ってみても面白いと思います。

それと、凸版文久系の天気マークはやっぱり可愛い(しつこい)

 

*1:W0とW0以外のフォントを重ねてみると、黒い帽子以外の部分も微妙に違います。参考:ヒラギノ角ゴシック「W0」の雪だるまはなぜ黒い帽子をかぶっているの? 開発元に聞いた - ねとらぼ

*2:それぞれの公式サイトで見た感じ、雪がモリサワは8粒、フォントワークスは9粒あるように見えました。ともあれ自宅には無いのできちんと検証ができてません……。

*3:数式系が多く収録された海外製のフォントのようです。

*4:第四水準を制覇してると言っても過言では無いフリーフォント

*5:未検証です。言語が英語以外だと入力できるのかもしれません。