fix: Исправлена проблема с Noto Emoji — неправильным отображением нек…

…оторых эмодзи на Firefox и теперь уже на Chrome
wokalek · Dec 1, 2024 · 3f220be · 3f220be
1 parent 3c6b86d
commit 3f220be
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 12 deletions.
diff --git a/nuxt/src/assets/fonts/NotoEmoji-VariableFont_wght.ttf b/nuxt/src/assets/fonts/NotoEmoji-VariableFont_wght.ttf
diff --git a/nuxt/src/assets/sass/_typography.sass b/nuxt/src/assets/sass/_typography.sass
@@ -1,6 +1,5 @@
 :root
   @apply font-sirius font-light text-22-14 leading-1.5
-  font-variant-emoji: emoji
 
 .lead
   @apply text-24-18 leading-1.5 tracking-wide font-normal

diff --git a/nuxt/src/components/Block/Index/Content.vue b/nuxt/src/components/Block/Index/Content.vue
@@ -13,8 +13,6 @@
         </GeneralLink>!
       </p>
     </article>
-    <div class="emoji fluid-[font-size,200-64] hidden sm:block" aria-disabled="true">
-      🙋
-    </div>
+    <div class="emoji fluid-[font-size,200-64] hidden sm:block" aria-disabled="true">🙋</div>
   </div>
 </template>
diff --git a/nuxt/src/components/Block/Settings/Content.vue b/nuxt/src/components/Block/Settings/Content.vue
@@ -3,7 +3,7 @@
     Оформление
   </h3>
   <ControlRadioButtons
-    :set="[{ value: 'light', label: 'светлое', icon: '☀️' }, { value: 'dark', label: 'тёмное', icon: '🌙' }, { value: 'system', label: 'авто', icon: '⏰' }]"
+    :set="[{ value: 'light', label: 'светлое', icon: '☀︎' }, { value: 'dark', label: 'тёмное', icon: '🌙' }, { value: 'system', label: 'авто', icon: '⏰' }]"
     :value="!colorMode.unknown ? colorMode.preference : undefined"
     @click="colorMode.preference = $event"
   />

diff --git a/nuxt/src/components/The/Header.vue b/nuxt/src/components/The/Header.vue
@@ -5,7 +5,7 @@
       class="general-nav nav flex gap-32-16 items-center text-right"
       :links="[
         { to: { name: 'map' }, text: 'Карта сайта', },
-        { to: { name: 'settings' }, text: '⚙️', class: ['text-28-18', 'emoji'], ariaLabel: 'Настройки сайта', rel: 'nofollow' },
+        { to: { name: 'settings' }, text: '⚙︎', class: ['text-28-18', 'emoji'], ariaLabel: 'Настройки сайта', rel: 'nofollow' },
       ]"
     />
   </header>

diff --git a/nuxt/src/data/header-emoji.ts b/nuxt/src/data/header-emoji.ts
@@ -1,16 +1,16 @@
 export default [
   // Smileys and emotions
-  '😄', '😉', '😘', '🤩', '🙃', '😇', '😌', '🤫', '🫣', '😛', '🤬', '🌞', '😶‍🌫️', '✨', '💌', '🧠', '👋', '✌️', '🫰', '🤙', '👻', '💤',
+  '😄', '😉', '😘', '🤩', '🙃', '😇', '😌', '🤫', '🫣', '😛', '🤬', '🌞', '😶‍🌫︎', '✨', '💌', '🧠', '👋', '✌︎', '🫰', '🤙', '👻', '💤',
   // Animals and nature
-  '🌴', '🏔️', '❄️', '🌊', '🌀', '🌫️', '🔥', '⛱️', '🌈', '🌟', '💫', '☄️', '🪐', '🦎', '🐏', '🦏', '🐤', '🕊️', '🦀', '🐙', '🐾',
+  '🌴', '🏔︎', '❄︎', '🌊', '🌀', '🌫︎', '🔥', '⛱︎', '🌈', '🌟', '💫', '☄︎', '🪐', '🦎', '🐏', '🦏', '🐤', '🕊︎', '🦀', '🐙', '🐾',
   // Food and drink
   '🍓', '🍒', '🫒', '🧀', '🍟', '🍙', '🍥', '🍕', '🥢', '🍅', '🍿', '🥦', '🫖', '🍉',
   // Travel and places
-  '🧭', '⚓', '🚀', '🛸', '🗼', '🗻', '🏕️', '🗺️', '🧳',
+  '🧭', '⚓', '🚀', '🛸', '🗼', '🗻', '🏕︎', '🗺︎', '🧳',
   // Activities and events
-  '🎈', '🧧', '🪩', '🏆', '🛷', '⛳', '🪁', '🕹️', '👾', '🎴', '📷', '🎨', '🎹', '🎞️', '⚽', '🛹', '🎱', '🧩', '🎮', '📼',
+  '🎈', '🧧', '🪩', '🏆', '🛷', '⛳', '🪁', '🕹︎', '👾', '🎴', '📷', '🎨', '🎹', '🎞︎', '⚽', '🛹', '🎱', '🧩', '🎮', '📼',
   // Objects
-  '💾', '💰', '⚖️', '💡', '🪞', '🪆', '👑', '💎', '🛰️', '📎', '🔖', '📂', '📈', '⚔️', '🛡️', '💣', '📜',
+  '💾', '💰', '⚖︎', '💡', '🪞', '🪆', '👑', '💎', '🛰︎', '📎', '🔖', '📂', '📈', '⚔︎', '🛡︎', '💣', '📜',
   // Symbols
-  '⚜️', '💠', '🗨️', '🔰', '🎼', '🤍',
+  '⚜︎', '💠', '🗨︎', '🔰', '🎼', '🤍',
 ]