+ The web fonts provided by inter.css and
+ inter-display.css already use subset font files.
+ If you need special, customized subsets or subsetting of OTF or TTF files,
+ have a look at the tools
+ pyftsubset
+ and
+ glyphhanger
+
+
+
+
- There are some known issues with variable fonts in Chrome, in particular
- on Microsoft Windows. You may see an effect similar to "ink bleed" where shapes overlap, for instance where the vertical and horizontal stems meet in "+" or "t".
- On Windows you may in addition see incorrectly placed glyphs that looks like poor kerning (spacing between characters) and even some glyphs being lower or taller than other glyphs.
- It is recommended to avoid using variable fonts on Chrome.
- See the Chromium bug tracker for a list of variable-font related issues.
@@ -701,7 +704,3 @@ trackingEl.addEventListener('mousedown', onPointerdownTracking, activeListener)
updateTracking()
})();
-
\ No newline at end of file
diff --git a/docs/res/base.css b/docs/res/base.css
index 1cedcdffb..173bca16b 100644
--- a/docs/res/base.css
+++ b/docs/res/base.css
@@ -18,6 +18,14 @@
--blue: rgb(3, 102, 230);
--green: rgb(38, 220, 78);
--mediumGreen: rgb(119, 221, 134);
+
+ --font-family: 'Inter';
+}
+
+@supports (font-variation-settings: normal) {
+ :root {
+ --font-family: 'Inter var';
+ }
}
@supports not (color: color(display-p3 1 1 1)) {
@@ -41,7 +49,7 @@ html { }
body {
background-color: #f4f4f4;
color: #111;
- font: 15px/22px 'Inter', system-ui, sans-serif;
+ font: 15px/22px var(--font-family), system-ui, sans-serif;
/*font-size: 15px;
line-height: 1.5;*/
@@ -96,18 +104,6 @@ body {
.font-style-black { font-variation-settings: "wght" 900, "slnt" 0 !important; font-weight:900 !important; font-style:normal !important; }
.font-style-black-italic { font-variation-settings: "wght" 900, "slnt" 100 !important; font-weight:900 !important; font-style:oblique !important; }
-@supports (font-variation-settings: normal) {
- body {
- font-family: 'Inter var', system-ui, sans-serif;
- }
- body.chrome-win {
- /* Chrome has some VF issues; worst are on Windows with incorrect kerning.
- We disable VF on Chrome on Windows for that reason.
- */
- font-family: Inter, system-ui, sans-serif;
- }
-}
-
DISABLED:target:before {
content:"";
display: block;
@@ -522,18 +518,6 @@ h2.banner {
color: #3B414A;
}
-.noise-layer {
- background-image: url(noise512.png);
- background-size: 256px;
- opacity: 0.03;
- pointer-events: none;
- position: absolute;
- top:0;
- left:0;
- right:0;
- /*bottom:0;*/
-}
-
/* --------------------------------------------------------------------- */
diff --git a/docs/res/noise512.png b/docs/res/noise512.png
deleted file mode 100644
index 66fe28ec1..000000000
Binary files a/docs/res/noise512.png and /dev/null differ