Twitterのアイコンを「X」にしたい - SWELLに関する質問

RE: Twitterのアイコンを「X」にしたい

orange-sys — Fri, 25 Aug 2023 05:13:52 +0000

@b4rskbe5

山本大介様、ご返信いただきありがとうございます。

CSS上書きで変更できました。

詳しく教えていただきありがとうございました。

山本大介 — Thu, 24 Aug 2023 00:55:56 +0000

Twitter (X) のロゴは、黒板文字と呼ばれる数学で良く使われる太字で Unicode に登録されているものと殆ど同じです。
具体的には、𝕏 (U+1D54F) です。

アイコンは疑似要素で文字として表示されているので手軽にやるなら CSS 上で文字コードで上書きすれば以下のように変更できます。

2599

正確に対応するならブランドロゴをダウンロードして、ガイドラインに従った形で利用すればいいと思います。
その場合は今後のアップデートを考慮して疑似要素に画像を埋め込むようにしておけば良いです。アップデートで 𝕏 ロゴになったら上書きしたコードを削除すればいいです。

https://about.twitter.com/en/who-we-are/brand-toolkit

orange-sys — Tue, 22 Aug 2023 02:31:21 +0000

エンドユーザー様から、『Twitterのアイコンを「X」にしたい』という依頼がありました。

投稿ページのシェアボタンを以下の設定で使用しています。

・表示する位置「画面端に固定表示する」

・シェアボタンのデザイン「ブロック」

・URLコピーボタン「小さく表示」

(SWELL公式サイトと同じなのでURLはSWELLのページにしています。)

①　どうすれば変更できるでしょうか。

②　SWELLの更新で対応していただけるならいつになるでしょうか。

①に関してはどのファイルのどの部分をどう変更したらいいか

ご教授いただけると大変助かります。

以上、ご回答よろしくお願いいたします。