fix emoji on ios

64bitpandas · 64bitpandas · commit 76ccd7620bfe · 2024-09-24T21:44:48.000-07:00
diff --git a/src/sass/_fonts.scss b/src/sass/_fonts.scss
@@ -182,9 +182,12 @@
   font-display: swap;
 }
 
-@font-face {
-  font-family: NotoColorEmoji;
-  src: url('/fonts/NotoColorEmoji-Regular.ttf') format('truetype');
+// iOS doesn't support NotoColorEmoji
+@supports not (-webkit-touch-callout: none) {
+  @font-face {
+    font-family: NotoColorEmoji;
+    src: url('/fonts/NotoColorEmoji-Regular.ttf') format('truetype');
+  }
 }
 
 $header: Novela, Lora, sans-serif;

Original file line number	Diff line number	Diff line change
`@@ -182,9 +182,12 @@`
`182`	`182`	`font-display: swap;`
`183`	`183`	`}`
`184`	`184`
`185`		`-@font-face {`
`186`		`- font-family: NotoColorEmoji;`
`187`		`- src: url('/fonts/NotoColorEmoji-Regular.ttf') format('truetype');`
	`185`	`+// iOS doesn't support NotoColorEmoji`
	`186`	`+@supports not (-webkit-touch-callout: none) {`
	`187`	`+ @font-face {`
	`188`	`+ font-family: NotoColorEmoji;`
	`189`	`+ src: url('/fonts/NotoColorEmoji-Regular.ttf') format('truetype');`
	`190`	`+ }`
`188`	`191`	`}`
`189`	`192`
`190`	`193`	`$header: Novela, Lora, sans-serif;`