toasters.rocks/emoji-region-flags/index.html

19 lines
9.3 KiB
HTML
Raw Permalink Normal View History

<!doctype html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" href=/img/icon.png type=image/png><meta name=generator content="Hugo 0.105.0"><meta property="og:title" content="Emoji region flags"><meta property="og:description" content="All of the emoji flags in one convenient font?"><meta property="og:type" content="article"><meta property="og:url" content="http://toasters.rocks/emoji-region-flags/"><meta property="og:image" content="http://toasters.rocks/images/2020/01/CA-QC-2.png"><meta property="article:section" content><meta property="article:published_time" content="2020-01-21T20:36:56+00:00"><meta property="article:modified_time" content="2020-01-21T20:40:28+00:00"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="http://toasters.rocks/images/2020/01/CA-QC-2.png"><meta name=twitter:title content="Emoji region flags"><meta name=twitter:description content="All of the emoji flags in one convenient font?"><meta name=theme-color content="#660066"><title>Emoji region flags - toasters rocks</title><link rel=stylesheet href=http://toasters.rocks/css/toastersrocks.min.css></head><body><header><img src=/img/icon.png><h1>toasters rocks</h1></header><main><aside><nav><a href=/><i class="fas fa-home"></i>
Home</a><br><a href=http://juju2143.ca/><i class="fas fa-user"></i>
About</a><br><a href=/fr/><i class="fas fa-globe"></i>
Français</a><br><a href=https://yukiis.moe/><i class="far fa-comment"></i>
Comics</a><br><a href=https://codewalr.us/><i class="far fa-folder-open"></i>
Forums</a><br></nav><br><nav><a title="Twitter " href=https://twitter.com/juju2143><i style=color:#4da7de class="fab fa-twitter"></i>
<span style=color:#4da7de>Twitter</span></a><br><a title="Discord " href=https://discord.gg/cuZcfcF><i style=color:#7289da class="fab fa-discord"></i>
<span style=color:#7289da>Discord</span></a><br><a title="GitHub " href=https://github.com/juju2143><i style=color:#fafafa class="fab fa-github"></i>
<span style=color:#fafafa>GitHub</span></a><br><a title="Patreon " href=https://patreon.com/juju2143><i style=color:#f96854 class="fab fa-patreon"></i>
<span style=color:#f96854>Patreon</span></a><br><a title="YouTube " href=https://youtube.com/user/julosoft><i style=color:#e02a20 class="fab fa-youtube"></i>
<span style=color:#e02a20>YouTube</span></a><br><a title="YouTube 2 " href=https://youtube.com/c/juju2143><i style=color:#e02a20 class="fab fa-youtube"></i>
<span style=color:#e02a20>YouTube 2</span></a><br><a title="Twitch " href=https://twitch.tv/juju2143><i style=color:#6441a5 class="fab fa-twitch"></i>
<span style=color:#6441a5>Twitch</span></a><br><a title="Instagram " href=https://instagram.com/j.p.savard><i style=color:#d6249f class="fab fa-instagram"></i>
<span style=color:#d6249f>Instagram</span></a><br><a title="DeviantArt " href=https://deviantart.com/juju2143><i style=color:#c5d200 class="fab fa-deviantart"></i>
<span style=color:#c5d200>DeviantArt</span></a><br><a title="SoundCloud " href=https://soundcloud.com/juju2143><i style=color:#fe3801 class="fab fa-soundcloud"></i>
<span style=color:#fe3801>SoundCloud</span></a><br></nav></aside><article style=background-image:url(/images/2020/01/CA-QC-2.png)><div class=metadata style="height:calc((var(--height) - 2em) * .6666666666666666 - 3.5em)"><h2 name=top>Emoji region flags</h2><p>All of the emoji flags in one convenient font?</p><i class="far fa-calendar-alt"></i>
<time datetime=2020-01-21>January 21, 2020</time><br><i class="fas fa-tags"></i>
#<a class="btn btn-sm btn-outline-dark tag-btn" href=http://toasters.rocks/tags/experiments>Experiments</a><br><i class="fas fa-hourglass"></i> ~3 minutes</div><p>For this project, I&rsquo;ve been inspired by the <a href=https://www.emoji.bzh>#emojibzh</a> movement which attempts to include the flag of the Brittany region of France in the emoji repertoire. So, I&rsquo;ve been looking at it and here&rsquo;s what I found.</p><p>So far, Unicode does allow for regional flags: while for instance the United Kingdom would be represented as a combination of Regional Indicator Symbol Letter G (U+1F1EC) plus Regional Indicator Symbol Letter B (U+1F1E7) (which is its ISO 3166-1 alpha-2 code made out of Regional Indicator Symbol Letters), Scotland would be a Black Flag (U+1F3F4), its ISO 3166-2 code made out of Tag Latin Small Letters (?U+E0067, U+E0062, U+E0073, U+E0063, U+E0074, spelling out &ldquo;GBSCT&rdquo;) and finally a Cancel Tag (U+E007F). That&rsquo;s fairly complicated, but it works. This way, every region, state or province of every country that has a flag would theorically be represented.</p><p>So if I want the flag of Québec, Canada, where I live, theorically the code would be U+1F3F4 (the black flag), U+E0063, U+E0061, U+E0071, U+E0063 (CAQC), U+E007F (the cancel tag), right? It is valid, yet it won&rsquo;t work. Yet, at the time I write those lines. That&rsquo;s because this sequence is not part of RGI (Recommended For General Interchange), which means vendors don&rsquo;t have to support it (and in practice unless the entire Internet is asking about it it&rsquo;s not supported at all). So far, only 3 subdivisions are part of RGI, namely England, Scotland, and Wales, all added in 2017. (Interestingly, Northern Ireland could also be part of that club, but their flag never was official.)</p><p>So what gives? There&rsquo;s some proposals for RGI, namely <a href=https://www.unicode.org/L2/L2017/17382-rgi-flag-omnibus.pdf>L2/17-382</a> and others that aren&rsquo;t public yet but are <a href=https://www.unicode.org/emoji/emoji-requests.html>known to be forwarded to the UTC</a>, but looks like they&rsquo;re in limbo so far. I guess vendors (such as Google, Facebook, Twitter and other companies who made emoji fonts for their messaging apps) don&rsquo;t want to litter their fonts and emoji pickers with too much flags.</p><p>I believe we should at least have one emoji font with all (or most) of them, so I&rsquo;ve been looking at it and I found out the Noto font is <a href=https://github.com/googlefonts/noto-emoji>open source</a> and comes with Python scripts to make it very easy to add more emojis to it. And guess what, the repository includes all flags for the provinces of Canada, the US states, Mexico states, and Northern Ireland, but they&rsquo;re disabled by default! So I did the thing and I enabled them (very easy edit in the Makefile), added Catalonia and Bretagne for good measure and generated a new font with them. The scripts makes a beautiful stylization out of the flags they pulled from Wikipedia.</p><p><img src=/images/2020/01/CA-QC.png alt></p><p><img src=/images/2020/01/FR-BRE-1.png alt></p><p><img src=/images/2020/01/ES-CT.png alt></p><p><img src=/images/2020/01/GB-NIR.png alt></p><p>There you go, #emojibzh, here&rsquo;s your emoji in Google style. Clockwise from top left, Québec (CA-QC), Bretagne (FR-BRE), Northern Ireland (GB-NIR), Catalonia (ES-CT)
You can find the modified GitHub repository with new flags <a href=https://github.com/juju2143/noto-emoji>right here</a> where you can comment on it and you can download the latest build of the font <a href=https://github.com/juju2143/noto-emoji/raw/master/fonts/NotoColorEmoji.ttf>here</a> to install on your computer and get all of the flags if you need them. You can test them on Emojipedia on pages like <a href=https://emojipedia.org/flag-for-bretagne-frbre/>here</a> and <a href=https://emojipedia.org/flag-for-quebec-caqc/>here</a> (I still haven&rsquo;t figured out how to make a test page but I guess that will come later), but unfortunately, it&rsquo;s not going to work on most apps like Twitter, Facebook, Discord and the like, since tons of emojis are added to the Unicode standard every year, they can&rsquo;t guarantee the same emojis are supported on every computer and so they prefer coming up with their own font so they have a consistent look across their network. You still can view them on web pages, I guess that&rsquo;s a good start, but that&rsquo;s why it&rsquo;s still important to support RGI proposals and to keep tweeting about them :)</p><p>On that, have fun with them! ??????</p></article><ul class=pagination><li class=page-item><a class=previous href=http://toasters.rocks/king-james-bible/>« King James Bible: An Adventure in Compression</a></li><li class=page-item><a class=next href=http://toasters.rocks/arch-linux-packages/>My Arch Linux packages: how to create your own repo »</a></li></ul><article><div id=disqus_thread></div><script type=application/javascript>window.disqus_config=function(){},function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById("disqus_thread").innerHTML="Disqus comments not available by default when the website is previewed locally.";return}var t=document,e=t.createElement("script");e.async=!0,e.src="//juju2143.disqus.com/embed.js",e.setAttribute("data-timestamp",+new Date),(t.head||t.body).appendChild(e)}()</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></article></main><footer>Copyright © 2020 J.P. Savard - Theme by <a href=https://github.com/juju2143/hugo-theme-toastersrocks>J. P. Savard</a> - Powered by Hugo 0.105.0</footer></body></html>