diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 01:29:56 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 01:29:56 +0300 |
commit | 5a5be63d6e59d5c437b270a5522b370ba845bf39 (patch) | |
tree | 46a9027b80e26e5ac49a8dabac3f0867e200e9a2 /docs/lab/index.html | |
parent | a5cf88e6591bfc72b34d4c898d8d567f0032a80b (diff) | |
download | inter-5a5be63d6e59d5c437b270a5522b370ba845bf39.tar.xz |
The Great Rename to "Inter"
Diffstat (limited to 'docs/lab/index.html')
-rw-r--r-- | docs/lab/index.html | 316 |
1 files changed, 188 insertions, 128 deletions
diff --git a/docs/lab/index.html b/docs/lab/index.html index 452b150d5..d3bc254e4 100644 --- a/docs/lab/index.html +++ b/docs/lab/index.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <title>lab</title> <link rel="icon" type="image/png" href="favicon.png" /> - <link href="../inter-ui.css" rel="stylesheet"> + <link href="../inter.css" rel="stylesheet"> <script type="text/javascript"> const samples = new Map() @@ -1006,327 +1006,387 @@ for (const ch of uniqueChars) { @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese'); @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 100; font-display: block; - src: url("fonts/const/Inter-UI-Thin.woff2") format("woff2"), - url("fonts/const/Inter-UI-Thin.woff") format("woff"); + src: url("fonts/const/Inter-Thin.woff2") format("woff2"), + url("/font-files/Inter-Thin.woff2") format("woff2"), + url("fonts/const/Inter-Thin.woff") format("woff"), + url("/font-files/Inter-Thin.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 100; font-display: block; - src: url("fonts/const/Inter-UI-ThinItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-ThinItalic.woff") format("woff"); + src: url("fonts/const/Inter-ThinItalic.woff2") format("woff2"), + url("/font-files/Inter-ThinItalic.woff2") format("woff2"), + url("fonts/const/Inter-ThinItalic.woff") format("woff"), + url("/font-files/Inter-ThinItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 200; font-display: block; - src: url("fonts/const/Inter-UI-ExtraLight.woff2") format("woff2"), - url("fonts/const/Inter-UI-ExtraLight.woff") format("woff"); + src: url("fonts/const/Inter-ExtraLight.woff2") format("woff2"), + url("/font-files/Inter-ExtraLight.woff2") format("woff2"), + url("fonts/const/Inter-ExtraLight.woff") format("woff"), + url("/font-files/Inter-ExtraLight.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 200; font-display: block; - src: url("fonts/const/Inter-UI-ExtraLightItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-ExtraLightItalic.woff") format("woff"); + src: url("fonts/const/Inter-ExtraLightItalic.woff2") format("woff2"), + url("/font-files/Inter-ExtraLightItalic.woff2") format("woff2"), + url("fonts/const/Inter-ExtraLightItalic.woff") format("woff"), + url("/font-files/Inter-ExtraLightItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 300; font-display: block; - src: url("fonts/const/Inter-UI-Light.woff2") format("woff2"), - url("fonts/const/Inter-UI-Light.woff") format("woff"); + src: url("fonts/const/Inter-Light.woff2") format("woff2"), + url("/font-files/Inter-Light.woff2") format("woff2"), + url("fonts/const/Inter-Light.woff") format("woff"), + url("/font-files/Inter-Light.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 300; font-display: block; - src: url("fonts/const/Inter-UI-LightItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-LightItalic.woff") format("woff"); + src: url("fonts/const/Inter-LightItalic.woff2") format("woff2"), + url("/font-files/Inter-LightItalic.woff2") format("woff2"), + url("fonts/const/Inter-LightItalic.woff") format("woff"), + url("/font-files/Inter-LightItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 400; font-display: block; - src: url("fonts/const/Inter-UI-Regular.woff2") format("woff2"), - url("fonts/const/Inter-UI-Regular.woff") format("woff"); + src: url("fonts/const/Inter-Regular.woff2") format("woff2"), + url("/font-files/Inter-Regular.woff2") format("woff2"), + url("fonts/const/Inter-Regular.woff") format("woff"), + url("/font-files/Inter-Regular.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 400; font-display: block; - src: url("fonts/const/Inter-UI-Italic.woff2") format("woff2"), - url("fonts/const/Inter-UI-Italic.woff") format("woff"); + src: url("fonts/const/Inter-Italic.woff2") format("woff2"), + url("/font-files/Inter-Italic.woff2") format("woff2"), + url("fonts/const/Inter-Italic.woff") format("woff"), + url("/font-files/Inter-Italic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 500; font-display: block; - src: url("fonts/const/Inter-UI-Medium.woff2") format("woff2"), - url("fonts/const/Inter-UI-Medium.woff") format("woff"); + src: url("fonts/const/Inter-Medium.woff2") format("woff2"), + url("/font-files/Inter-Medium.woff2") format("woff2"), + url("fonts/const/Inter-Medium.woff") format("woff"), + url("/font-files/Inter-Medium.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 500; font-display: block; - src: url("fonts/const/Inter-UI-MediumItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-MediumItalic.woff") format("woff"); + src: url("fonts/const/Inter-MediumItalic.woff2") format("woff2"), + url("/font-files/Inter-MediumItalic.woff2") format("woff2"), + url("fonts/const/Inter-MediumItalic.woff") format("woff"), + url("/font-files/Inter-MediumItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 600; font-display: block; - src: url("fonts/const/Inter-UI-SemiBold.woff2") format("woff2"), - url("fonts/const/Inter-UI-SemiBold.woff") format("woff"); + src: url("fonts/const/Inter-SemiBold.woff2") format("woff2"), + url("/font-files/Inter-SemiBold.woff2") format("woff2"), + url("fonts/const/Inter-SemiBold.woff") format("woff"), + url("/font-files/Inter-SemiBold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 600; font-display: block; - src: url("fonts/const/Inter-UI-SemiBoldItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-SemiBoldItalic.woff") format("woff"); + src: url("fonts/const/Inter-SemiBoldItalic.woff2") format("woff2"), + url("/font-files/Inter-SemiBoldItalic.woff2") format("woff2"), + url("fonts/const/Inter-SemiBoldItalic.woff") format("woff"), + url("/font-files/Inter-SemiBoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 700; font-display: block; - src: url("fonts/const/Inter-UI-Bold.woff2") format("woff2"), - url("fonts/const/Inter-UI-Bold.woff") format("woff"); + src: url("fonts/const/Inter-Bold.woff2") format("woff2"), + url("/font-files/Inter-Bold.woff2") format("woff2"), + url("fonts/const/Inter-Bold.woff") format("woff"), + url("/font-files/Inter-Bold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 700; font-display: block; - src: url("fonts/const/Inter-UI-BoldItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-BoldItalic.woff") format("woff"); + src: url("fonts/const/Inter-BoldItalic.woff2") format("woff2"), + url("/font-files/Inter-BoldItalic.woff2") format("woff2"), + url("fonts/const/Inter-BoldItalic.woff") format("woff"), + url("/font-files/Inter-BoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 800; font-display: block; - src: url("fonts/const/Inter-UI-ExtraBold.woff2") format("woff2"), - url("fonts/const/Inter-UI-ExtraBold.woff") format("woff"); + src: url("fonts/const/Inter-ExtraBold.woff2") format("woff2"), + url("/font-files/Inter-ExtraBold.woff2") format("woff2"), + url("fonts/const/Inter-ExtraBold.woff") format("woff"), + url("/font-files/Inter-ExtraBold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 800; font-display: block; - src: url("fonts/const/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-ExtraBoldItalic.woff") format("woff"); + src: url("fonts/const/Inter-ExtraBoldItalic.woff2") format("woff2"), + url("/font-files/Inter-ExtraBoldItalic.woff2") format("woff2"), + url("fonts/const/Inter-ExtraBoldItalic.woff") format("woff"), + url("/font-files/Inter-ExtraBoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: normal; font-weight: 900; font-display: block; - src: url("fonts/const/Inter-UI-Black.woff2") format("woff2"), - url("fonts/const/Inter-UI-Black.woff") format("woff"); + src: url("fonts/const/Inter-Black.woff2") format("woff2"), + url("/font-files/Inter-Black.woff2") format("woff2"), + url("fonts/const/Inter-Black.woff") format("woff"), + url("/font-files/Inter-Black.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-VERSION'; + font-family: 'Inter-VERSION'; font-style: italic; font-weight: 900; font-display: block; - src: url("fonts/const/Inter-UI-BlackItalic.woff2") format("woff2"), - url("fonts/const/Inter-UI-BlackItalic.woff") format("woff"); + src: url("fonts/const/Inter-BlackItalic.woff2") format("woff2"), + url("/font-files/Inter-BlackItalic.woff") format("woff2"), + url("fonts/const/Inter-BlackItalic.woff") format("woff"), + url("/font-files/Inter-BlackItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-var-VERSION'; + font-family: 'Inter-var-VERSION'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: block; - src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); + src: url('fonts/var/Inter.var.woff2') format("woff2-variations"), + url('/font-files/Inter.var.woff2') format("woff2-variations"); +} + +@font-face { + font-family: 'Inter-var-VERSION safari'; + font-style: oblique 0deg 10deg; + font-display: block; + src: url('fonts/var/Inter.var.woff2') format("woff2-variations"), + url('/font-files/Inter.var.woff2') format("woff2-variations"); } /* ----------------------------------------------------------------------- */ /* hinted */ @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 400; font-display: block; - src: url("fonts/const-hinted/Inter-UI-Regular.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-Regular.woff") format("woff"); + src: url("fonts/const-hinted/Inter-Regular.woff2") format("woff2"), + url("fonts/const-hinted/Inter-Regular.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 400; font-display: block; - src: url("fonts/const-hinted/Inter-UI-Italic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-Italic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-Italic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-Italic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 500; font-display: block; - src: url("fonts/const-hinted/Inter-UI-Medium.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-Medium.woff") format("woff"); + src: url("fonts/const-hinted/Inter-Medium.woff2") format("woff2"), + url("fonts/const-hinted/Inter-Medium.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 500; font-display: block; - src: url("fonts/const-hinted/Inter-UI-MediumItalic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-MediumItalic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-MediumItalic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-MediumItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 600; font-display: block; - src: url("fonts/const-hinted/Inter-UI-SemiBold.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-SemiBold.woff") format("woff"); + src: url("fonts/const-hinted/Inter-SemiBold.woff2") format("woff2"), + url("fonts/const-hinted/Inter-SemiBold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 600; font-display: block; - src: url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-SemiBoldItalic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-SemiBoldItalic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-SemiBoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 700; font-display: block; - src: url("fonts/const-hinted/Inter-UI-Bold.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-Bold.woff") format("woff"); + src: url("fonts/const-hinted/Inter-Bold.woff2") format("woff2"), + url("fonts/const-hinted/Inter-Bold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 700; font-display: block; - src: url("fonts/const-hinted/Inter-UI-BoldItalic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-BoldItalic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-BoldItalic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-BoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 800; font-display: block; - src: url("fonts/const-hinted/Inter-UI-ExtraBold.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-ExtraBold.woff") format("woff"); + src: url("fonts/const-hinted/Inter-ExtraBold.woff2") format("woff2"), + url("fonts/const-hinted/Inter-ExtraBold.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 800; font-display: block; - src: url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-ExtraBoldItalic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-ExtraBoldItalic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-ExtraBoldItalic.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: normal; font-weight: 900; font-display: block; - src: url("fonts/const-hinted/Inter-UI-Black.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-Black.woff") format("woff"); + src: url("fonts/const-hinted/Inter-Black.woff2") format("woff2"), + url("fonts/const-hinted/Inter-Black.woff") format("woff"); } @font-face { - font-family: 'Inter-UI-hinted-VERSION'; + font-family: 'Inter-hinted-VERSION'; font-style: italic; font-weight: 900; font-display: block; - src: url("fonts/const-hinted/Inter-UI-BlackItalic.woff2") format("woff2"), - url("fonts/const-hinted/Inter-UI-BlackItalic.woff") format("woff"); + src: url("fonts/const-hinted/Inter-BlackItalic.woff2") format("woff2"), + url("fonts/const-hinted/Inter-BlackItalic.woff") format("woff"); } @font-face { /* Note: Not hinted */ - font-family: 'Inter-UI-var-hinted-VERSION'; + font-family: 'Inter-var-hinted-VERSION'; font-style: oblique 0deg 10deg; font-weight: 400 900; font-display: block; - src: url('fonts/var/Inter-UI.var.woff2') format("woff2-variations"); + src: url('fonts/var/Inter.var.woff2') format("woff2-variations"); } /* ----------------------------------------------------------------------- */ -.inter-ui, -.inter-ui input, -.inter-ui select { - font-family: 'Inter-UI-VERSION', 'Inter UI', serif !important; +.inter, +.inter input, +.inter select { + font-family: 'Inter-VERSION', 'Inter', serif !important; +} + +body.varfont .inter, +body.varfont .inter input, +body.varfont .inter select { + font-family: 'Inter-var-VERSION', 'Inter var', serif !important; } -body.varfont .inter-ui, -body.varfont .inter-ui input, -body.varfont .inter-ui select { - font-family: 'Inter-UI-var-VERSION', 'Inter UI var', serif !important; +html.safari body.varfont .inter, +html.safari body.varfont .inter input, +html.safari body.varfont .inter select { + font-family: 'Inter-var-VERSION safari', 'Inter var safari', serif !important; } -body.hinted .inter-ui, -body.hinted .inter-ui input, -body.hinted .inter-ui select { - font-family: 'Inter-UI-hinted-VERSION', 'Inter UI', serif !important; +body.hinted .inter, +body.hinted .inter input, +body.hinted .inter select { + font-family: 'Inter-hinted-VERSION', 'Inter', serif !important; } -body.varfont.hinted .inter-ui, -body.varfont.hinted .inter-ui input, -body.varfont.hinted .inter-ui select { - font-family: 'Inter-UI-var-hinted-VERSION', 'Inter UI var', serif !important; +body.varfont.hinted .inter, +body.varfont.hinted .inter input, +body.varfont.hinted .inter select { + font-family: 'Inter-var-hinted-VERSION', 'Inter var', serif !important; } </style> <link href="lab.css" rel="stylesheet"> <script type="text/javascript"> +// Safari? +(function(u){ if ( + u.indexOf('Safari/') != -1 && + u.indexOf('Chrome/') == -1 && + u.indexOf('Chromium/') == -1 +) { + document.documentElement.classList.add('safari') +} })(navigator.userAgent); + const fontVersion = Math.round(Date.now()).toString(36) -let fontFamilyName = 'Inter-UI-v' + fontVersion -let fontFamilyNameHinted = 'Inter-UI-hinted-v' + fontVersion -let fontFamilyNameVar = 'Inter-UI-var-v' + fontVersion -let fontFamilyNameVarHinted = 'Inter-UI-var-hinted-v' + fontVersion +let fontFamilyName = 'Inter-v' + fontVersion +let fontFamilyNameHinted = 'Inter-hinted-v' + fontVersion +let fontFamilyNameVar = 'Inter-var-v' + fontVersion +let fontFamilyNameVarHinted = 'Inter-var-hinted-v' + fontVersion const fontCSSTemplate = document.querySelector('#font-css') const fontCSS = fontCSSTemplate.cloneNode(true) fontCSS.innerHTML = fontCSS.innerHTML - .replace(/Inter-UI-var-VERSION/g, fontFamilyNameVar) - .replace(/Inter-UI-var-hinted-VERSION/g, fontFamilyNameVarHinted) - .replace(/Inter-UI-hinted-VERSION/g, fontFamilyNameHinted) - .replace(/Inter-UI-VERSION/g, fontFamilyName) + .replace(/Inter-var-VERSION/g, fontFamilyNameVar) + .replace(/Inter-var-hinted-VERSION/g, fontFamilyNameVarHinted) + .replace(/Inter-hinted-VERSION/g, fontFamilyNameHinted) + .replace(/Inter-VERSION/g, fontFamilyName) .replace(/(\.woff2?)/g, '$1?r='+fontVersion) -fontFamilyName += ", 'Inter UI'" -fontFamilyNameHinted += ", 'Inter UI'" -fontFamilyNameVar += ", 'Inter UI var'" -fontFamilyNameVarHinted += ", 'Inter UI var'" +fontFamilyName += ", 'Inter'" +fontFamilyNameHinted += ", 'Inter'" +fontFamilyNameVar += ", 'Inter var'" +fontFamilyNameVarHinted += ", 'Inter var'" fontCSS.setAttribute('id', '') fontCSS.setAttribute('type', 'text/css') document.head.appendChild(fontCSS) @@ -1334,7 +1394,7 @@ document.head.appendChild(fontCSS) </script> </head> <body> - <div class="options inter-ui"> + <div class="options inter"> <label class="style"> <select name="weight" style="max-width:100px"> @@ -1516,7 +1576,7 @@ document.head.appendChild(fontCSS) <div class="checkbox-group"> <span>Default-on features:</span> <label title="Contextual alternates"><input type="checkbox" class="featopt" name="feat:calt=0"> Disable calt (Contextual alternates)</label> - <label title="Common ligatures (there are no common ligatures in Inter UI, but the font you are comparing to may have)"><input type="checkbox" class="featopt" name="feat:liga=0"> Disable liga (Common ligatures)</label> + <label title="Common ligatures (there are no common ligatures in Inter, but the font you are comparing to may have)"><input type="checkbox" class="featopt" name="feat:liga=0"> Disable liga (Common ligatures)</label> <label title="Kerning"><input type="checkbox" class="featopt" name="feat:kern=0"> Disable kern (Kerning)</label> </div> @@ -1539,7 +1599,7 @@ document.head.appendChild(fontCSS) <div class="preview"> <samples> - <sample contenteditable spellcheck="false" class="primary inter-ui"></sample> + <sample contenteditable spellcheck="false" class="primary inter"></sample> <sample contenteditable spellcheck="false" class="secondary"></sample> </samples> @@ -1547,7 +1607,7 @@ document.head.appendChild(fontCSS) <canvas id="renderCanvas" width="120" height="50"></canvas> </div> - <div id="measure" class="inter-ui">Åj</div> + <div id="measure" class="inter">Åj</div> <script type="text/javascript"> @@ -1771,7 +1831,7 @@ class Vars { function main() { const vars = new Vars(document.location.search) - let interUISample = document.querySelector('sample.inter-ui'); + let interUISample = document.querySelector('sample.inter'); let secondarySample = document.querySelector('sample.secondary'); secondarySample.innerText = interUISample.innerText; |