diff options
Diffstat (limited to 'docs/index.html')
-rw-r--r-- | docs/index.html | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/docs/index.html b/docs/index.html index 28ab65822..4b41ea1d4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -84,19 +84,17 @@ endfor <p> Using Inter is as easy as <a class="download-link" href="download/">downloading & installing</a> - the font files. If you're making a web thing, you can use the following CSS. - <!-- or get it from <a href="https://fonts.google.com/specimen/Inter">Google Fonts</a>. --> + the font files.<br> + If you're making a web thing, you can use the following HTML and CSS: </p> - <pre><link rel="preconnect" href="https://rsms.me/"> -<link rel="stylesheet" href="https://rsms.me/inter/inter.css"></pre> - <pre>html { - font-family: 'Inter', sans-serif; -} + <pre><!-- HTML in your document's head --> +<link rel="preconnect" href="https://rsms.me/"> +<link rel="stylesheet" href="https://rsms.me/inter/inter.css"> +/* CSS */ +:root { font-family: 'Inter', sans-serif; } @supports (font-variation-settings: normal) { - html { - font-family: 'Inter var', sans-serif; - } + :root { font-family: 'Inter var', sans-serif; } }</pre> </c> |