Twitterのpublishアイコンのフォントを変更したい

Question

Twitter publishからHTMLコードをコピーして、実際に貼り付けてみたのですが、fontが細く、font-weightを効かせたいと思いCSSでfont-weightを指定したのですが効きませんでした。

プロパティはTwitter publishのコードにあるclass名を指定しました。

--HTML--

<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-lang="ja" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
コード

--CSS--

. twitter-share-button{font-weight: 600;}
コード

font-weightを効かすにはどうしたら良いでしょうか？

Answer 1

ブラウザデベロッパーツールで確認してみるとわかりますが、
iframeによって埋め込まれているため、提示のやり方では効きません。

iframe内の要素にCSSを適用させるやり方がないわけではないですが・・・
クロスドメイン（iframeに指定されたページが同じドメインではない）であるため、適用できません。

ツイートアイコン部分のレイアウト調整でしたら提供されているウィジェットを利用せず、Font Awesomeなどのアイコンフォントを利用したうえで自作することになると思います。

Comments

[退会済みユーザー]

回答ありがとうございます。
やはりダメでしたか、、、
自作する事にします。