●ツイートへのリンクに鳥のアイコンを添える
↓こうする
style.css.line span > a.link[href*="twitter.com"][href*="/status/"]::after {
display: none !important;
}
.line span > a.link[href*="twitter.com"][href*="/status/"] {
font-size: 12px;
word-break: break-all;
}
.line span > a.link[href*="twitter.com"][href*="/status/"]::before {
font-family: 'Font Awesome 5 Free';
content: ' \f4ba';
font-weight: 900;
font-size: 12px;
color: #1d9bf0;
padding-right: 1px;
display: inline-block;
}
やっていること
::after(オプション)
リンクそのもの(オプション)
リンクの存在感を少し弱めるためにフォントサイズを小さめに
word-break: break-all;
はスマホ表示など幅が狭い時に変な改行にならないように柔軟に途中改行可能にするもの
::before(本題)
鳥アイコン設定