特定のリンクにアイコンをつけるUserCSS

サンプル

注意

ソースコード

アイコンをつけるリンクに限り無効化する

code:style.css

div.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):is(

)::after {

display: none;

}

標準機能のTwitterアイコンを非表示にする

code:style.css

i.fa-twitter::before {

content: none;

}

.line .link .favicon.fa-twitter {

margin: 0;

}

共通設定

code:style.css

.line span > a.link:is(

)::before {

display: inline-block;

width: 1em;

height: 1em;

line-height: 1em;

vertical-align: middle;

text-align: center;

background-size: contain;

background-repeat: no-repeat;

}

個別設定

code:style.css

content: '\f1c1';

font-weight: 400; /* use Regular Style */

margin-right: 1px;

}

code:style.css

:is(.line, .line .deco) a.link:is(

)::before {

content: '\f09b';

font-weight: 400;

margin-right: 1px;

}

code:style.css

:is(.line, .line .deco) a.link:is(

)::before {

content: '\f099';

font-weight: 400;

margin-right: 1px;

}