summaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorVadim Makeev <pepelsbey@gmail.com>2022-07-18 10:54:11 +0300
committerVadim Makeev <pepelsbey@gmail.com>2022-07-18 10:54:11 +0300
commit1188b12eb64a0a164d6d9a2417e4aa1542bd6e6b (patch)
tree57f3de00f20d6c8374d3b51db6f48a63e2c86adc /README.md
parent5404f9064049e23d2a67812440ac3bc4848fcfd9 (diff)
downloadinter-1188b12eb64a0a164d6d9a2417e4aa1542bd6e6b.tar.xz
Update web snippet for better performance
Diffstat (limited to 'README.md')
-rw-r--r--README.md16
1 files changed, 12 insertions, 4 deletions
diff --git a/README.md b/README.md
index a90a3015a..54326247b 100644
--- a/README.md
+++ b/README.md
@@ -29,11 +29,20 @@ several [OpenType features](https://rsms.me/inter/#features), like contextual al
- To use Inter on a web page, use the official
[CDN distribution:](https://rsms.me/inter/inter.css)
+```html
+<link rel="preconnect" href="https://rsms.me/">
+<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+```
+
```css
-@import url('https://rsms.me/inter/inter.css');
-html { font-family: 'Inter', sans-serif; }
+html {
+ font-family: 'Inter', sans-serif;
+}
+
@supports (font-variation-settings: normal) {
- html { font-family: 'Inter var', sans-serif; }
+ html {
+ font-family: 'Inter var', sans-serif;
+ }
}
```
@@ -149,4 +158,3 @@ Translating between EM units and pixels:
- Rasterized at 11px: 1px = 256 units
- Rasterized at 22px: 1px = 128 units
- Rasterized at 44px: 1px = 64 units
-