●ツイートへのリンクに鳥のアイコンを添える
↓こうする
https://gyazo.com/2b971f60659368cf71860c7f18dd67cc
code:style.css
.line span > a.linkhref*="twitter.com"href*="/status/"::after {
display: none !important;
}
.line span > a.linkhref*="twitter.com"href*="/status/" {
font-size: 12px;
word-break: break-all;
}
.line span > a.linkhref*="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（本題）
鳥アイコン設定
Dove Icon | Font Awesome
#UserCSS