Sonderzeichen für externen Link wie bei Selfhtml von Stefan Münz

Ich habe eine Frage:
Auf der 1. Webseite hddpz:/_/barbara-hofmann.ch/ habe ich einen Link zu einer Firma im ersten Absatz mit einem Zeichen (Viereck mit Pfeil). Das ist so gewünscht.
Theme Twenty Sixteen

Link maskiert aus Angst als Spamer zu gelten und gesperrt zu werden. Ist aber eine ernsthafte Frage und kein Rahm. Sorry und danke…

Auf der 2. Webseite hddpz:/_/nirwana.logisch.ch/ hat es ganz unten „Gibt es ein Physikalisches…“ ebefals einen Link. Aber da ist das Zeichen „nur“ ein viereck anstelle des gewünschten Zeichens.
Theme Twenty Twenty-One

Eingebunden ist das wie folgt:

Obere Webseite funktioniert:

.entry-content a[href^="http://"]:not([href*="barbara-hofmann.ch"]):after,
.entry-content a[href^="https://"]:not([href*="barbara-hofmann.ch"]):after {
font: normal 16px/1 'Genericons';
content: "\f442";
padding-left:5px;
vertical-align:sub;
font-size:1.5em;
}

Untere Webseite falsches Zeichen:

.entry-content a[href^="http://"]:not([href*="nirwana.logisch.ch/"]):after,
.entry-content a[href^="https://"]:not([href*="nirwana.logisch.ch/"]):after {
font: normal 16px/1 'Genericons';
content: "\f442";
padding-left:5px;
vertical-align:sub;
font-size:1.5em;
}

Ziel ist es, externe Links speziell zu markieren, wie das Stefan Münz in seinem Kompendium Selfhtml auch macht und empfiehlt.

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer