【日本語版Webflow(ウェブフロー) University】 テキストストロークのスタイリング

この投稿はWebflow社が提供する「」の内容を元に作成しています。

引用元：https://webflow.com/feature/introducing-text-stroke-styling

日本語版Webflow Universityでは、Webflowの基本的な使い方を解説しています。

今回はWebflow で テキストストロークスタイリングの提供を開始した事をご紹介します。

‍

Webflow Designer では、CSS のクリエイティブなパワーをさらに引き出すべく、テキストストロークスタイリングの提供を開始しました。

これにより、デザイナーはテキストにアウトラインやボーダーを簡単に追加できるようになり、よりクリエイティブで柔軟なデザインが可能になりました。

また、このアップデートにより、カスタムコードやサードパーティプラグインの必要性が減り、ユーザーがWebflowプラットフォーム内でデザインを作成・管理しやすくなるため、デザインプロセスの合理化に貢献します。

‍

早速試してみたところ、フォントによっては重なり合った部分が二重に表現されてしまう場合もありますが、概ね綺麗にテキストストロークで表現できます！

下の画像がフォントにMontserratを使用したものです。

‍

このように、フォントによって少しダブついてしまうものもあるようです。

一言メモ

現在のところ、text strokeの制御はWebflowのIntaraction機能ではできないので注意してください！