summaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorRasmus Andersson <rasmus@notion.se>2022-09-29 22:11:03 +0300
committerRasmus Andersson <rasmus@notion.se>2022-09-29 22:11:03 +0300
commit90100737144b62f954a0e387041a720492c2d307 (patch)
tree24c1c1dee7ee67e09fe91cd3fd141654a51664e9 /README.md
parentedf45e80212f64e3f471bec475788233be25d78c (diff)
parent47f233286a30f5ce22bb113a3854c81cc971ce47 (diff)
downloadinter-90100737144b62f954a0e387041a720492c2d307.tar.xz
Merge branch 'pepelsbey-update-web-snippet'
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
-