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

code:style.css

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

)::after {

display: none;

}

.line span:not(.deco-\.) > span > a.link:is(

)::before {

display: inline-block;

width: 1em; /*16px;*/

height: 1em; /*16px;*/

vertical-align: -1px;/*-3px;*/

text-align: center;

background-size: contain;

background-repeat: no-repeat;

font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";

/* margin-right: 2px; */

}

content: '\f1c1';

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

margin-right: 1px;

}

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

)::before {

content: '\f09b';

font-weight: 400;

margin-right: 1px;

}

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

)::before {

content: '\f266';

font-weight: 400;

margin-right: 3px;

}

.line .deco-\. a.link:is(

) span.char-index {

display: inline-block;

width: 0;

text-indent: -9999px;

}

.line .deco-\. a.link:is(

) span.char-index:nth-of-type(30) ~ span.char-index {

display: inherit;

width: inherit;

text-indent: inherit;

}