diff options
Diffstat (limited to 'docs/index.html')
-rw-r--r-- | docs/index.html | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/docs/index.html b/docs/index.html index 86efa5c58..4b41ea1d4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -84,13 +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>@import url('https://rsms.me/inter/inter.css'); -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> |