Sådan får du emoji-flag på din hjemmeside

Microsoft og Apple har i forskellig grad svært ved at vise emoji-flag på hjemmesider. Men det er der råd for.
Microsoft og Apple har i forskellig grad svært ved at vise emoji-flag på hjemmesider. Men det er der råd for.
"Der er ingen franske flag på min anmeldelse." sagde anmelder Niels.
Jeg så på hans anmeldelse og så de nydeligste franske flag.
Så skiftede jeg til en Windows-maskine. De franske flag forsvandt og blev erstattet af en grim omgang "FR".
Jeg reagerede som jeg altid gør ved tekniske udfordringer. Jeg knaldede hånden i bordet og råbte
"DAS WAR EIN BEFEHL! DIE FRANZÖSISCHE FLAGGE WAR EIN BEFEHL! Hvorfor kan det tåbelige apparat ikke vise et simpelt, forbasket fransk flag? Hvor svært kan det være? [stemmen falder til truende knurren] Linux koster 0 kroner og kan vise franske flag fra venstre til højre kant uden at blive [grr] det mindste forpustet!!!".
Efter nogle minutters yderligere skælden og smælden begyndte jeg at lede efter årsag og løsning.
Årsag«
Det kinesiske regime kan godt lide at proppe folk i koncentrationslejre og true naboer med invasion(link is external). Men de kan ikke lide Taiwans flag.
Så for helt at undgå ballade tillader amerikanske Microsoft ikke et eneste flag i deres Emoji-pakker. Udover 🏳️🌈, 🏁,⛳, 🏴☠️ og et par andre.
Amerikanske Apple har de fleste nationers flag, men har fx. pillet Taiwans flag(link is external) ud her(link is external) og der(link is external) [Tak Kasper] aht. Kina.
Microsofts knæfald diskuteres helst ikke, men man kan finde brudstykker af en diskussion(link is external) hist og pist.
Løsning«
Amerikanske Google er ikke helt så bange. I deres emoji-pakke(link is external) er der både franske og taiwanesiske flag.
Så jeg kunne få franske flag til Microsoft-brugere af Internetforbrugeren.dk ved at skrive:
@font-face {
font-family: 'Noto Color Emoji';
src: url('fonts/NotoColorEmoji-Regular.ttf');
font-display: swap;
font-style: normal;
font-weight: 400;
}.rating-icons {
font-family: "Noto Color Emoji", "Segoe UI Emoji", "Apple Color Emoji", emoji;
font-size: 2rem;
line-height: 1.2;
overflow: hidden;
float: right;
}
Hurtig forklaring:
- Jep, jeg downloader fonten fra Google og serverer den lokalt. Ingen grund til at Google skal sidde og følge delvis med i hvem der læser Internetforbrugeren hvornår.
- Jep, jeg serverer ttf-udgaven af skrifttypen. (Min) Windows (11) kunne af en eller anden grund ikke acceptere woff2-udgaven.
- Font-display er sat til swap. Så ser Windows-brugere deres egne knapt så omfattende og kønne emojis indtil bedre Noto Color Emoji er blevet indlæst.
Grænser for velviljen«
Tibet har været besat/annekteret af Kina siden 1950(link is external). Vifter man med et tibetanske flag i Tibet eller Kina, ryger man i kachotten eller det, der er værre(link is external).
Men kan man så vifte med det tibetanske flag(link is external) på nettet?
Både og.
Der er en del grafikfiler med tibetanske flag, der kan bruges gratis (evt. med kreditering) som det sker her.
Men det tibetanske flag eksisterer ikke som emoji og selv hvis kampagnen for at få det gjort til en del af den officielle emoji-standard(link is external) skulle lykkes, er det ret sikkert ikke noget hverken Microsoft eller Apple vil vise med samme beredvillighed som en gravid mand(link is external).
Konklusion«
Google Noto Color Emoji 15.0(link is external), som vi pt. bruger her på Internetforbrugeren, indeholder 3.718 emojis.
Over 20 andre udbydere leverer hver især færre emojis, i andre (interessante) stilarter(link is external). Dem kan man lege med, hvis man man af en eller anden grund bliver træt af kun at vise Google Noto Color Emojis.
Uanset hvilken emoji-skrifttype man bruger, kommer man dog pt. ikke over 3.718 emojis og flag kan altså være et problem flere steder.
Hvad med grafik?«
For nogle hjemmesideejere vil det være tjeneligt at droppe emojis og i stedet kigge til grafik(ikoner).
Openclipart - som vi har brugt i årevis på Internetforbrugeren - har pt. 781 Frankrigsrelaterede grafikstykker(link is external). Dem kan man bruge både gratis og uden kreditering.
Via Flaticon har man fx. adgang til over over 11 millioner ikoner (!) i alle mulige og umulige stilarter. Her er fx. de pt. 4.332 ikoner, der har noget med Frankrig at gøre(link is external). Fordelt i 118 ikonpakker(link is external).
Flaticon er heller ikke det mindste rædde for at udbyde tibetanske flag(link is external), hagekors(link is external), auberginer(link is external) og meget andet, der ville give en ængstelig mellemleder i en tech-virksomhed søvnløse nætter.
Flaticon kræver kreditering, men man kan betale sig fra det krav(link is external).
Lige så fine The Noun Project(link is external) har samme regler. Kreditering eller betaling.
Der er altså mange muligheder udenfor emoji-indhegningen.
Se både emojier og grafikikoner i sving på Filmanmeldelserne.
Log ind eller registrer dig for at lægge langtidsholdbare, konstruktive kommentarer.
Registrerede brugere får bedre editor og flere likes.
Tilføj kommentar