Ralph Stahl
2022-09-16 11:13:48 UTC
FF 104.2.0 Android
Moin!
Das Folgende ist ein bisschen OT, da es mehrere Themen berührt - neben
Mozilla FF auch noch Android und vor allem HTML/CSS. Ich hoffe trotzdem,
den einen oder anderen Tipp zu bekommen. Als Beispiel sei die Webseite
[1] genannt, dort sind die Pfeile zu sehen (nicht mit Android!).
In dieser responsiven Website möchte ich ein bestimmtes Zeichen - einen
sehr fetten Pfeil nach unten - darstellen, den es als HTML-Entity nicht
gibt, wohl aber als Unicode-Zeichen U+1F847. Ohne einen beim Leser
i.d.R. nicht vorhandenen Zeichensatz kann ich sowas nicht in einer
Zeichenkette darstellen. Aber ich kann mir mit einem CSS-Trick behelfen,
etwas vereinfacht so:
a.button::after {
content: '\1F847';
}
oder
a.button::after {
content: '🡇'; falls das andere Newsreader wiedergeben...
}
a.button ist hier das Element "Download-Button als Link" (kommt aus
Wordpress).
Das funktioniert in alles gängigen Desktop-Browsern, aber eben nicht mit
Android. Leider geht der Trend immer mehr zu Mobilgeräten zum Brausen,
und dort kommt eben nur ein blödes Kästchen statt des Pfeils. Das
beeinträchtigt die Funktion nicht, sieht aber Sch... aus.
Kennt jemand einen Trick außer der Verwendung einer Grafik, die dann auf
kleinen Bildschirmen auch wieder mistig aussieht, weil nur etwa 20x20 px
winzig?
Danke für die Geduld,
Ralph
[1] https://www.gartenverein-wetterschacht.de/downloads/
Moin!
Das Folgende ist ein bisschen OT, da es mehrere Themen berührt - neben
Mozilla FF auch noch Android und vor allem HTML/CSS. Ich hoffe trotzdem,
den einen oder anderen Tipp zu bekommen. Als Beispiel sei die Webseite
[1] genannt, dort sind die Pfeile zu sehen (nicht mit Android!).
In dieser responsiven Website möchte ich ein bestimmtes Zeichen - einen
sehr fetten Pfeil nach unten - darstellen, den es als HTML-Entity nicht
gibt, wohl aber als Unicode-Zeichen U+1F847. Ohne einen beim Leser
i.d.R. nicht vorhandenen Zeichensatz kann ich sowas nicht in einer
Zeichenkette darstellen. Aber ich kann mir mit einem CSS-Trick behelfen,
etwas vereinfacht so:
a.button::after {
content: '\1F847';
}
oder
a.button::after {
content: '🡇'; falls das andere Newsreader wiedergeben...
}
a.button ist hier das Element "Download-Button als Link" (kommt aus
Wordpress).
Das funktioniert in alles gängigen Desktop-Browsern, aber eben nicht mit
Android. Leider geht der Trend immer mehr zu Mobilgeräten zum Brausen,
und dort kommt eben nur ein blödes Kästchen statt des Pfeils. Das
beeinträchtigt die Funktion nicht, sieht aber Sch... aus.
Kennt jemand einen Trick außer der Verwendung einer Grafik, die dann auf
kleinen Bildschirmen auch wieder mistig aussieht, weil nur etwa 20x20 px
winzig?
Danke für die Geduld,
Ralph
[1] https://www.gartenverein-wetterschacht.de/downloads/