質問: Twitter publishからHTMLコードをコピーして、実際に貼り付けてみたのですが、fontが細く、font-weightを効かせたいと思いCSSでfont-weightを指定したのですが効きませんでした。 プロパティはTwitter publishのコードにあるclass名を指定しました。 --HTML-- ``` Tweet コード ``` --CSS-- ``` . twitter-share-button{font-weight: 600;} コード ``` font-weightを効かすにはどうしたら良いでしょうか?
回答: ブラウザデベロッパーツールで確認してみるとわかりますが、 iframeによって埋め込まれているため、提示のやり方では効きません。 !イメージ説明 iframe内の要素にCSSを適用させるやり方がないわけではないですが・・・ クロスドメイン(iframeに指定されたページが同じドメインではない)であるため、適用できません。 ツイートアイコン部分のレイアウト調整でしたら提供されているウィジェットを利用せず、Font Awesomeなどのアイコンフォントを利用したうえで自作することになると思います。