[ 解決済 ] VK ボタン の Font Awesome のアイコンを大きくするとアイコンが消える

[対馬 俊彦]

機能追加要望 か、不具合報告 か、判断ができなかったので、その他 で投稿させていただきます。

昨日 Slack でこうのさんが教えてくれた Font Awesome のアイコンを大きくするやり方を VK ボタン でやってみたところ、アイコンが消える症状が起きています。

文字の前のアイコンのコード指定を <i class="far fa-envelope fa-2xl"></i> として、
デベロッパーツールで確認したところ、HTML が

<i class="far vk_button_link_before fa-envelope fa-2xl"></i>

となってほしいところ、fa-envelope と fa-2xl の間のスペースがなくなって以下のようになっています。

<i class="far vk_button_link_before fa-envelopefa-2xl"></i>

症状が起きている URL を書いておきます。

以前にこのフォーラムでもアイコンサイズを大きくすることに関する質問がありましたし、これができるように調整していただけるとよいと思います。

• このトピックは対馬 俊彦が2年、 1ヶ月前に変更しました。
• このトピックはVektor,Incが2年、 1ヶ月前に変更しました。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

おまたせしました。
VK Blocks Pro 1.32系で対応いたしましたのでアップデートの上ご確認くださいませ。

[対馬 俊彦]

アップデートして、アイコンサイズを大きくできることを確認しました。

アイコンサイズ以外にも…

Font Awesome 6 で種類が増えたアニメーションも使えるようになったので、
以下のように指定して注意を引くボタンをお手軽に作れるようになったので、うれしいです。

<i class="far fa-envelope fa-2xl fa-beat"></i>

ありがとうございます。

[投稿者]

投稿