ローディング中のテキストのプレースホルダを表現するフォント

cover

小ネタです。

テキストのローディング中にプレースホルダーを表示するUIは、Flow Circularというフォントを当てると表現できます。

flow-rounded

スペースを空ければ空白として適用されますし、ただのフォントなのでサイズを変更できる点もメリットです。 静的なプレースホルダ―として利用するもよし、デザインツールでモックアップ的に利用するのもよいでしょう🙆

ちなみに日本語などはフォントが当たらないため注意が必要です。 Codepenのサンプルも貼っておきます。

補足

もうすこしradiusが緩やかな Flow Rounded もあります。 flow-rounded

また角丸がないタイプのFlow Blockもあります。 flow-block

用途に応じてどうぞ👍