Flag emoji in config Languages Param not rendering

support
1

I have a language.toml with the following content:

[en]
  weight = 1
  contentDir = "content/en"
  languageName = "English"
  [languages.en.params]
    flag = "🇺🇸"

[de]
  weight = 2
  contentDir = "content/de"
  languageName = "Deutsch"
  [languages.de.params]
    flag = "🇨🇭"

I want to display the flag in the page using the following code:

...
    <ul class="shadow">
        {{ range $.Site.Home.AllTranslations }}
        <li class="dropdown_link"><a href="{{ .Permalink | absLangURL }}" target="_self" rel="noopener noreferrer">{{ .Site.Language.Params.flag }} {{ .Language.LanguageName }}</a></li>
        {{ end }}
    </ul>
...

But the flag is not visible:
image

What do I miss or do I wrong in using the config files.

2

Since you are able to render .Language.LanguageName the topic title is kind of misleading and I have amended it so that it reflects your issue which is about the flag emoji not rendering.

Emoji rendering depends on a number of factors.

Perhaps others have an idea about what may be wrong.
Also providing a sample repo that reproduces the issue may help to get a reply.

3

Thanks, I’ve updated the content as well and split my question in two different ones.