Add emoji "font" and use it on body

This commit is contained in:
David Lapshin
2024-05-17 02:49:43 +03:00
parent 26b61baa4f
commit 5aa694a42b
2 changed files with 3 additions and 1 deletions

View File

@ -31,7 +31,7 @@ body {
min-height: 100vh; min-height: 100vh;
color: var(--fg-color); color: var(--fg-color);
line-height: 1.6; line-height: 1.6;
font-family: var(--font-system-ui); font-family: var(--font-system-ui), var(--font-emoji);
} }
// Style text selection to use primary color // Style text selection to use primary color

View File

@ -48,6 +48,7 @@
--font-antique: Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L", "Georgia Pro", Georgia, serif; --font-antique: Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L", "Georgia Pro", Georgia, serif;
--font-didone: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif; --font-didone: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif;
--font-handwritten: "Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic, casual, cursive; --font-handwritten: "Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic, casual, cursive;
--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
// COLORS // COLORS
@ -75,6 +76,7 @@
} }
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {
*, *,
*::before, *::before,
*::after { *::after {