KLWP/KWGTでClimaconsフォントを使って天気アイコンを表示する
フォントでも利用できる天気アイコンに「Climacons」があります。これをKLWP/KWGTで利用する方法を簡単に解説します。
- 本記事は広告およびアフィリエイトプログラムによる収益を得ています。
Climacons
Adam Whitcroft氏がデザインした、無料かつ商用利用可能な75種類の天気関連アイコンセットです。シンプルなラインで構成されており、可愛い系の印象があるアイコンセットです。
10年以上前にリリースされたものであり、以前はAdam Whitcroft氏のウェブサイトからダウンロードできたのですがすでに無く、現在はGitHubでダウンロードできます。
このフォントを適用すると、たとえば7を入力すると7と表示されます。
Climaconsの対応表
これをKLWP/KWGTで表示できるように当てはめていきます。
Climaconsはフォントだけでなくsvgファイルなどもあるので、それらのファイル名を変更して…という方法もあるのですが、今回はフォントを使う場合の方法です。
KLWP/KWGTでClimaconsを使って天気を表示
GitHubからClimacons.ttfをダウンロードして、Kustomのfontsフォルダに移動します。
KLWP/KWGTで「テキスト」を追加し、フォントにClimaconsを指定し、表示内容として以下のコードを入力します。
$if(wi(icon) = CLEAR, if(ai(isday), I, N),
wi(icon) = PCLOUDY, if(ai(isday), tc(utf,22), #),
wi(icon) = MCLOUDY, !,
wi(icon) = CLOUDY, !,
wi(icon) = RAIN, tc(utf,24),
wi(icon) = SNOW, tc(utf,27),
wi(icon) = SLEET, 3,
wi(icon) = HAIL, 4,
wi(icon) = WINDY, B,
wi(icon) = FOG, <,
wi(icon) = TSTORM, F,
wi(icon) = TORNADO, X,
wi(icon) = DUST, ?,
wi(icon) = SHOWER, tc(utf,2A),
wi(icon) = UNKNOWN, g,
tc(utf,22))$
コードの中で「”」や「$」「(」「)」はそのまま使えないのでtc(utf)で文字コードを使って表示しています。
これで現在の天気 wi(icon) をClimaconsで表示できます。上記コードは昼と夜で表示切り替えもしてあり、 wi(icon) との対応は以下のようになっています。
| wi(icon) | 昼 | 夜 |
|---|---|---|
| CLEAR |
I
I |
N
N |
| PCLOUDY |
"
" |
#
# |
| MCLOUDY |
!
! |
|
| CLOUDY |
!
! |
|
| RAIN |
$
$ |
|
| SNOW |
'
' |
|
| SLEET |
3
3 |
|
| HAIL |
4
4 |
|
| WINDY |
B
B |
|
| FOG |
<
< |
|
| TSTORM |
F
F |
|
| TORNADO |
X
X |
|
| DUST |
?
? |
|
| SHOWER |
*
* |
|
| UNKNOWN |
g
g |
|
違うアイコンにしたい場合は、適宜入れ替えてください。
…
wi(icon)の場合のコードを示しました。明日の天気予報の場合はwf(icon, 1)です。もっと細かい天気にしたい場合はwi(code)にして、表示されるテキストとアイコンを自分で組み合わせてもいいですね。
本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。
OREFOLDER編集長。
1979年静岡県清水市生まれ、現静岡市清水区在住。
様々な巡り合わせから、このサイト1本で生活してる氷河期世代の一人。ガジェットに限らず広く浅く様々なものに興味があります。
スマートフォンは2010年にXperia SO-01Bを買ったのが最初。同時にb-mobile U300で格安SIMも始めました。これまでに数百台のスマホを手にし、格安SIMも常時20種類以上契約しています。




















