PDFへのリンクにfaviconを表示するUserCSS

末尾が.pngで終わる外部リンクにPDFのfaviconを表示するUserCSS

今までは手作業でPDFマークを付けていたが、自動でついてくれたほうが楽だ

先頭につけるver.

https://gyazo.com/c0350f80f3834753c396fe6c9db1937f

faviconが下にずれてしまうので

code:css

.link::before {

display: none;

min-width: 1.15em;

padding-left: 1px;

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

font-size: 120%;

text-align: center;

font-weight: 900;

}

.linkhref$=".pdf"::before{

display: inline-block;

content: "\f1c1";

}

外部リンクを区別するUserCSSのアイコンの位置に表示するver.

https://gyazo.com/ce5a4502ef646d7333fd1c63ae0a90db

控えめでいい感じかも

code:css

.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)href$=".pdf"::after {

font-family: 'Font Awesome 5 Free';

font-weight: 900;

font-size: 0.8rem;

content: ' \f1c1';

display: inline-block;

}