From 3301b99308b408bea4275c75dd8172246a35e990 Mon Sep 17 00:00:00 2001
From: SrIzan10 <66965250+SrIzan10@users.noreply.github.com>
Date: Sun, 17 Sep 2023 20:44:22 +0200
Subject: [PATCH] fix: language selector not showing emojis on windows (and
probably macOS)
---
index.html | 3 +++
src/App.css | 7 -------
src/LanguageSelector.css | 2 ++
src/LanguageSelector.tsx | 9 +++++----
4 files changed, 10 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index e0d1c84..cd89b2e 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,9 @@
Vite + React + TS
+
+
+
diff --git a/src/App.css b/src/App.css
index b81ea9f..3e05859 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,11 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
-/* @font-face {
- font-family: 'Classic Console Neue';
- src: local('Classic Console Neue'),
- url('https://fonts.srizan.dev/clacon2.ttf') format('truetype');
-} */
-
.titleHeader {
color: #4af626;
font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
@@ -17,6 +11,5 @@
gap: 30px;
padding: 20px;
align-items: center;
- display: 'grid';
grid-template-columns: repeat(2, 1fr);
}
diff --git a/src/LanguageSelector.css b/src/LanguageSelector.css
index 9083f7e..0d0daa5 100644
--- a/src/LanguageSelector.css
+++ b/src/LanguageSelector.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
+
.languageSelector {
position: absolute;
top: 15px;
diff --git a/src/LanguageSelector.tsx b/src/LanguageSelector.tsx
index 40c8584..e1ef7eb 100644
--- a/src/LanguageSelector.tsx
+++ b/src/LanguageSelector.tsx
@@ -25,12 +25,13 @@ export default function LanguageSelector() {
height: '40px',
textAlign: 'center',
// this fixes a little text selection gap that appears in a
- // few pixels outside the outer part of the selection "square"
- cursor: 'pointer'
+ // few pixels outside the outer part of the selection outline
+ cursor: 'pointer',
+ fontFamily: 'Noto Color Emoji'
}}
>
-
-
+
+