Substituted the TossFace emoji font for Twemoji
Not only that, but a subset of Twemoji covering just the flags, bringing font size down dramatically.
This commit is contained in:
parent
f24ef392f7
commit
3d8047c01c
5 changed files with 7 additions and 7 deletions
|
@ -4,11 +4,11 @@
|
||||||
@import url(../vendor/fluent-emoji/SegoeUIEmoji.css);
|
@import url(../vendor/fluent-emoji/SegoeUIEmoji.css);
|
||||||
/*@import url(../vendor/fluent-emoji/3d.css);*/
|
/*@import url(../vendor/fluent-emoji/3d.css);*/
|
||||||
@import url(../vendor/fluent-emoji/animated-optional.css);
|
@import url(../vendor/fluent-emoji/animated-optional.css);
|
||||||
@import url(../vendor/TossFaceEmojiFlags.css);
|
@import url(../vendor/TwemojiCountryFlags.css);
|
||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--emoji-font: TossFaceEmojiFlags, SegoeUIEmoji, 'Segoe UI Emoji', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Symbol';
|
--emoji-font: TwemojiCountryFlags, SegoeUIEmoji, 'Segoe UI Emoji', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Symbol';
|
||||||
--font: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif, var(--emoji-font);
|
--font: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif, var(--emoji-font);
|
||||||
--prami-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%23FF6BAE" stroke="none" d="M250 450C211.612 450 173.225 435.354 143.934 406.066L43.9346 306.066C-14.6446 247.487 -14.6446 152.513 43.9346 93.9341C100.533 37.3361 191.104 35.421 250 88.1907C308.898 35.4229 399.47 37.3379 456.066 93.9341C514.645 152.513 514.645 247.487 456.066 306.066L356.066 406.066C326.778 435.354 288.389 450 250 450" /><path fill="none" stroke="%23471036" stroke-width="19" stroke-linecap="round" d="M208.749 223.817C227.625 254.619 272.376 254.619 291.251 223.817" /><circle fill="%23471036" cx="291.3" cy="176.6" r="17.75" /><circle fill="%23471036" cx="208.6" cy="176.6" r="17.75" /><circle fill="%23E24097" cx="120.3" cy="212" r="59.2" /><circle fill="%23E24097" cx="379.7" cy="212" r="59.2" /></svg>');
|
--prami-svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="%23FF6BAE" stroke="none" d="M250 450C211.612 450 173.225 435.354 143.934 406.066L43.9346 306.066C-14.6446 247.487 -14.6446 152.513 43.9346 93.9341C100.533 37.3361 191.104 35.421 250 88.1907C308.898 35.4229 399.47 37.3379 456.066 93.9341C514.645 152.513 514.645 247.487 456.066 306.066L356.066 406.066C326.778 435.354 288.389 450 250 450" /><path fill="none" stroke="%23471036" stroke-width="19" stroke-linecap="round" d="M208.749 223.817C227.625 254.619 272.376 254.619 291.251 223.817" /><circle fill="%23471036" cx="291.3" cy="176.6" r="17.75" /><circle fill="%23471036" cx="208.6" cy="176.6" r="17.75" /><circle fill="%23E24097" cx="120.3" cy="212" r="59.2" /><circle fill="%23E24097" cx="379.7" cy="212" r="59.2" /></svg>');
|
||||||
--spacing: 1.5rem;
|
--spacing: 1.5rem;
|
||||||
|
|
5
wwwroot/vendor/TossFaceEmojiFlags.css
vendored
5
wwwroot/vendor/TossFaceEmojiFlags.css
vendored
|
@ -1,5 +0,0 @@
|
||||||
@font-face {
|
|
||||||
font-family: TossFaceEmojiFlags;
|
|
||||||
src: url(TossFaceFontWeb.otf);
|
|
||||||
unicode-range: U+1F1E6-1F1FF;
|
|
||||||
}
|
|
BIN
wwwroot/vendor/TossFaceFontWeb.otf
vendored
BIN
wwwroot/vendor/TossFaceFontWeb.otf
vendored
Binary file not shown.
5
wwwroot/vendor/TwemojiCountryFlags.css
vendored
Normal file
5
wwwroot/vendor/TwemojiCountryFlags.css
vendored
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: TwemojiCountryFlags;
|
||||||
|
src: url(TwemojiCountryFlags.woff2);
|
||||||
|
unicode-range: U+1F1E6-1F1FF;
|
||||||
|
}
|
BIN
wwwroot/vendor/TwemojiCountryFlags.woff2
vendored
Normal file
BIN
wwwroot/vendor/TwemojiCountryFlags.woff2
vendored
Normal file
Binary file not shown.
Loading…
Reference in a new issue