aports/testing/element-desktop/use-system-fonts.patch.reactsdk
2024-01-31 22:17:39 +00:00

170 lines
6.2 KiB
Plaintext

--- a/src/utils/FontManager.ts
+++ b/src/utils/FontManager.ts
@@ -108,20 +108,6 @@
}
colrFontCheckStarted = true;
- if (await isColrFontSupported()) {
- const path = `url('${require("../../res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2")}')`;
- document.fonts.add(new FontFace("Twemoji", path, {}));
- // For at least Chrome on Windows 10, we have to explictly add extra
- // weights for the emoji to appear in bold messages, etc.
- document.fonts.add(new FontFace("Twemoji", path, { weight: "600" }));
- document.fonts.add(new FontFace("Twemoji", path, { weight: "700" }));
- } else {
- // fall back to SBIX, generated via https://github.com/matrix-org/twemoji-colr/tree/matthew/sbix
- const path = `url('${require("../../res/fonts/Twemoji_Mozilla/TwemojiMozilla-sbix.woff2")}')`;
- document.fonts.add(new FontFace("Twemoji", path, {}));
- document.fonts.add(new FontFace("Twemoji", path, { weight: "600" }));
- document.fonts.add(new FontFace("Twemoji", path, { weight: "700" }));
- }
- // ...and if SBIX is not supported, the browser will fall back to one of the native fonts specified.
+ // no need, we ensure twemoji font is system
}
--- a/res/themes/light/css/_fonts.pcss
+++ b/res/themes/light/css/_fonts.pcss
@@ -17,8 +17,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-Regular.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-Regular.woff?v=3.18") format("woff");
+ local("Inter Regular");
}
@font-face {
font-family: "Inter";
@@ -27,8 +26,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-Italic.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-Italic.woff?v=3.18") format("woff");
+ local("Inter Italic");
}
@font-face {
@@ -38,8 +36,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-Medium.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-Medium.woff?v=3.18") format("woff");
+ local("Inter Medium");
}
@font-face {
font-family: "Inter";
@@ -48,8 +45,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-MediumItalic.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-MediumItalic.woff?v=3.18") format("woff");
+ local("Inter Medium Italic");
}
@font-face {
@@ -59,8 +55,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-SemiBold.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-SemiBold.woff?v=3.18") format("woff");
+ local("Inter SemiBold");
}
@font-face {
font-family: "Inter";
@@ -69,8 +64,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-SemiBoldItalic.woff?v=3.18") format("woff");
+ local("Inter SemiBold Italic");
}
@font-face {
@@ -80,8 +74,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-Bold.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-Bold.woff?v=3.18") format("woff");
+ local("Inter Bold");
}
@font-face {
font-family: "Inter";
@@ -90,8 +83,7 @@
font-display: swap;
unicode-range: $inter-unicode-range;
src:
- url("$(res)/fonts/Inter/Inter-BoldItalic.woff2?v=3.18") format("woff2"),
- url("$(res)/fonts/Inter/Inter-BoldItalic.woff?v=3.18") format("woff");
+ local("Inter Bold Italic");
}
/* latin-ext */
@@ -101,8 +93,7 @@
font-weight: 400;
src:
local("Inconsolata Regular"),
- local("Inconsolata-Regular"),
- url("$(res)/fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlX5qhExfHwNJU.woff2") format("woff2");
+ local("Inconsolata-Regular");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@@ -113,8 +104,7 @@
font-display: swap;
src:
local("Inconsolata Regular"),
- local("Inconsolata-Regular"),
- url("$(res)/fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlZ5qhExfHw.woff2") format("woff2");
+ local("Inconsolata-Regular");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@@ -126,8 +116,7 @@
font-display: swap;
src:
local("Inconsolata Bold"),
- local("Inconsolata-Bold"),
- url("$(res)/fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71n5_zaDpwm80E.woff2") format("woff2");
+ local("Inconsolata-Bold");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@@ -138,8 +127,7 @@
font-display: swap;
src:
local("Inconsolata Bold"),
- local("Inconsolata-Bold"),
- url("$(res)/fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71p5_zaDpwm.woff2") format("woff2");
+ local("Inconsolata-Bold");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
--- a/res/themes/legacy-light/css/_fonts.pcss
+++ b/res/themes/legacy-light/css/_fonts.pcss
@@ -23,17 +23,17 @@
font-family: "Nunito";
font-style: normal;
font-weight: 400;
- src: url("$(res)/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
+ src: local("Nunito Regular");
}
@font-face {
font-family: "Nunito";
font-style: normal;
font-weight: 600;
- src: url("$(res)/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
+ src: local("Nunito SemiBold");
}
@font-face {
font-family: "Nunito";
font-style: normal;
font-weight: 700;
- src: url("$(res)/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
+ src: local("Nunito Bold");
}