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 /misc/dist | |
parent | a5cf88e6591bfc72b34d4c898d8d567f0032a80b (diff) | |
download | inter-5a5be63d6e59d5c437b270a5522b370ba845bf39.tar.xz |
The Great Rename to "Inter"
Diffstat (limited to 'misc/dist')
-rw-r--r-- | misc/dist/hinted vs unhinted.txt | 4 | ||||
-rw-r--r-- | misc/dist/install-mac.txt | 8 | ||||
-rw-r--r-- | misc/dist/install-win.txt | 14 | ||||
-rw-r--r-- | misc/dist/inter-ui.css | 192 | ||||
-rw-r--r-- | misc/dist/inter.css | 184 | ||||
-rw-r--r-- | misc/dist/variable.txt | 10 |
6 files changed, 202 insertions, 210 deletions
diff --git a/misc/dist/hinted vs unhinted.txt b/misc/dist/hinted vs unhinted.txt index 638b340d0..3df90acbd 100644 --- a/misc/dist/hinted vs unhinted.txt +++ b/misc/dist/hinted vs unhinted.txt @@ -1,5 +1,5 @@ -Inter UI font files comes in two versions: +Inter font files comes in two versions: 1. "unhinted" -- Without TrueType hints (the default) @@ -14,5 +14,5 @@ Additionally, hints are little computer programs that takes up considerable disk space, meaning that font files with hints are larger than those without hints. This might be a consideration when using web fonts. -The hints for Inter UI are automatically generated by a program called +The hints for Inter are automatically generated by a program called autohint. diff --git a/misc/dist/install-mac.txt b/misc/dist/install-mac.txt index 1fbb64c67..877c5e3d5 100644 --- a/misc/dist/install-mac.txt +++ b/misc/dist/install-mac.txt @@ -1,7 +1,7 @@ Installing on macOS: -1. Open the "Inter UI (OTF)" folder +1. Open the "Inter (OTF)" folder 2. Select all font files 3. Right-click (or ctrl-click) the selected files and choose "Open with..." → "Font Book" @@ -13,12 +13,12 @@ cancel the installation and instead try the instructions below: Installing on macOS, manually: -1. Copy the "Inter UI (OTF)" folder +1. Copy the "Inter (OTF)" folder 2. Press cmd-shift-G in Finder 3. Enter "~/Library/Fonts" into the dialog that shows up and press RETURN. -4. Paste the "Inter UI (OTF)" folder. +4. Paste the "Inter (OTF)" folder. -If you have a previous installation of Inter UI, you should make sure to +If you have a previous installation of Inter, you should make sure to remove those fonts files before installing new ones. See https://github.com/rsms/inter for more information diff --git a/misc/dist/install-win.txt b/misc/dist/install-win.txt index 9bff45889..1a227aa06 100644 --- a/misc/dist/install-win.txt +++ b/misc/dist/install-win.txt @@ -1,7 +1,7 @@ Installing on Windows 10: -1. Open the "Inter UI (OTF)" folder +1. Open the "Inter (OTF)" folder 2. Select all font files 3. Right-click the selected files and choose "Install" @@ -9,24 +9,24 @@ Installing on Windows 10: Installing on Windows 10, manually: 1. Double-click the downloaded zip file -2. Copy the "Inter UI (OTF)" folder +2. Copy the "Inter (OTF)" folder 3. Press Win-Q on your keyboard, then type "fonts" and hit ENTER -4. Paste the "Inter UI (OTF)" folder. +4. Paste the "Inter (OTF)" folder. -If you have a previous installation of Inter UI, you should make sure +If you have a previous installation of Inter, you should make sure to remove those fonts files before installing new ones. ClearType-hinted fonts - Inter UI also comes with a version that has TrueType hints used by ClearType + Inter also comes with a version that has TrueType hints used by ClearType on Windows. This changes the appearance of the fonts when rendered on a system with ClearType enabled and can in some cases increase the legibility - of text. However, the hints for Inter UI are automatically generated and are + of text. However, the hints for Inter are automatically generated and are not always a good thing. If you do prefer to use the version with hints, use the font files in the - folders with "hinted" in their name, like "Inter UI (TTF hinted)" + folders with "hinted" in their name, like "Inter (TTF hinted)" See https://github.com/rsms/inter for more information diff --git a/misc/dist/inter-ui.css b/misc/dist/inter-ui.css deleted file mode 100644 index bdb6d40fb..000000000 --- a/misc/dist/inter-ui.css +++ /dev/null @@ -1,192 +0,0 @@ -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 100; - src: url("Inter-UI-Thin-BETA.woff2") format("woff2"), - url("Inter-UI-Thin-BETA.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 100; - src: url("Inter-UI-ThinItalic-BETA.woff2") format("woff2"), - url("Inter-UI-ThinItalic-BETA.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 200; - src: url("Inter-UI-ExtraLight-BETA.woff2") format("woff2"), - url("Inter-UI-ExtraLight-BETA.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 200; - src: url("Inter-UI-ExtraLightItalic-BETA.woff2") format("woff2"), - url("Inter-UI-ExtraLightItalic-BETA.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 300; - src: url("Inter-UI-Light-BETA.woff2") format("woff2"), - url("Inter-UI-Light-BETA.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 300; - src: url("Inter-UI-LightItalic-BETA.woff2") format("woff2"), - url("Inter-UI-LightItalic-BETA.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 400; - src: url("Inter-UI-Regular.woff2") format("woff2"), - url("Inter-UI-Regular.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 400; - src: url("Inter-UI-Italic.woff2") format("woff2"), - url("Inter-UI-Italic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 500; - src: url("Inter-UI-Medium.woff2") format("woff2"), - url("Inter-UI-Medium.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 500; - src: url("Inter-UI-MediumItalic.woff2") format("woff2"), - url("Inter-UI-MediumItalic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 600; - src: url("Inter-UI-SemiBold.woff2") format("woff2"), - url("Inter-UI-SemiBold.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 600; - src: url("Inter-UI-SemiBoldItalic.woff2") format("woff2"), - url("Inter-UI-SemiBoldItalic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 700; - src: url("Inter-UI-Bold.woff2") format("woff2"), - url("Inter-UI-Bold.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 700; - src: url("Inter-UI-BoldItalic.woff2") format("woff2"), - url("Inter-UI-BoldItalic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 800; - src: url("Inter-UI-ExtraBold.woff2") format("woff2"), - url("Inter-UI-ExtraBold.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 800; - src: url("Inter-UI-ExtraBoldItalic.woff2") format("woff2"), - url("Inter-UI-ExtraBoldItalic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter UI'; - font-style: normal; - font-weight: 900; - src: url("Inter-UI-Black.woff2") format("woff2"), - url("Inter-UI-Black.woff") format("woff"); -} -@font-face { - font-family: 'Inter UI'; - font-style: italic; - font-weight: 900; - src: url("Inter-UI-BlackItalic.woff2") format("woff2"), - url("Inter-UI-BlackItalic.woff") format("woff"); -} - -/* -------------------------------------------------------------------------- -Single variable font. - -Note that you may want to do something like this to make sure you're serving -constant fonts to older browsers: -html { - font-family: 'Inter UI', sans-serif; -} -@supports (font-variation-settings: normal) { - html { - font-family: 'Inter UI var', sans-serif; - } -} - -BUGS: -- Safari 12.0 will default to italic instead of regular when font-weight - is provided in a @font-face declaration. - Workaround: Use "Inter UI var alt" for Safari, or explicitly set - `font-variation-settings:"slnt" DEGREE`. -*/ -@font-face { - font-family: 'Inter UI var'; - font-weight: 100 900; - font-style: oblique 0deg 10deg; - src: url("Inter-UI.var.woff2") format("woff2-variations"), - url("Inter-UI.var.woff2") format("woff2"); -} - -/* -------------------------------------------------------------------------- - -"Inter UI var alt" is recommended for Safari and Edge, for reliable italics. - -@supports (font-variation-settings: normal) { - html { - font-family: 'Inter UI var alt', sans-serif; - } -} - -*/ -@font-face { - font-family: 'Inter UI var alt'; - font-weight: 100 900; - font-style: normal; - font-named-instance: 'Regular'; - src: url("Inter-UI-upright.var.woff2") format("woff2 supports variations(gvar)"), - url("Inter-UI-upright.var.woff2") format("woff2-variations"), - url("Inter-UI-upright.var.woff2") format("woff2"); -} -@font-face { - font-family: 'Inter UI var alt'; - font-weight: 100 900; - font-style: italic; - font-named-instance: 'Italic'; - src: url("Inter-UI-italic.var.woff2") format("woff2 supports variations(gvar)"), - url("Inter-UI-italic.var.woff2") format("woff2-variations"), - url("Inter-UI-italic.var.woff2") format("woff2"); -} diff --git a/misc/dist/inter.css b/misc/dist/inter.css new file mode 100644 index 000000000..235dfeaf9 --- /dev/null +++ b/misc/dist/inter.css @@ -0,0 +1,184 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + src: url("Inter-Thin.woff2") format("woff2"), + url("Inter-Thin.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + src: url("Inter-ThinItalic.woff2") format("woff2"), + url("Inter-ThinItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + src: url("Inter-ExtraLight.woff2") format("woff2"), + url("Inter-ExtraLight.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + src: url("Inter-ExtraLightItalic.woff2") format("woff2"), + url("Inter-ExtraLightItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + src: url("Inter-Light.woff2") format("woff2"), + url("Inter-Light.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + src: url("Inter-LightItalic.woff2") format("woff2"), + url("Inter-LightItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url("Inter-Regular.woff2") format("woff2"), + url("Inter-Regular.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + src: url("Inter-Italic.woff2") format("woff2"), + url("Inter-Italic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + src: url("Inter-Medium.woff2") format("woff2"), + url("Inter-Medium.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + src: url("Inter-MediumItalic.woff2") format("woff2"), + url("Inter-MediumItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + src: url("Inter-SemiBold.woff2") format("woff2"), + url("Inter-SemiBold.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + src: url("Inter-SemiBoldItalic.woff2") format("woff2"), + url("Inter-SemiBoldItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + src: url("Inter-Bold.woff2") format("woff2"), + url("Inter-Bold.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + src: url("Inter-BoldItalic.woff2") format("woff2"), + url("Inter-BoldItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + src: url("Inter-ExtraBold.woff2") format("woff2"), + url("Inter-ExtraBold.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + src: url("Inter-ExtraBoldItalic.woff2") format("woff2"), + url("Inter-ExtraBoldItalic.woff") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + src: url("Inter-Black.woff2") format("woff2"), + url("Inter-Black.woff") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + src: url("Inter-BlackItalic.woff2") format("woff2"), + url("Inter-BlackItalic.woff") format("woff"); +} + +/* ------------------------------------------------------- +Variable font. +Usage: + + html { font-family: 'Inter', sans-serif; } + @supports (font-variation-settings: normal) { + html { font-family: 'Inter var', sans-serif; } + } +*/ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-style: normal; + font-named-instance: 'Regular'; + src: url("Inter-upright.var.woff2") format("woff2 supports variations(gvar)"), + url("Inter-upright.var.woff2") format("woff2-variations"), + url("Inter-upright.var.woff2") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-style: italic; + font-named-instance: 'Italic'; + src: url("Inter-italic.var.woff2") format("woff2 supports variations(gvar)"), + url("Inter-italic.var.woff2") format("woff2-variations"), + url("Inter-italic.var.woff2") format("woff2"); +} + + +/* -------------------------------------------------------------------------- +[EXPERIMENTAL] Multi-axis, single variable font. + +Slant axis is not yet widely supported (as of February 2019) and thus this +multi-axis single variable font is opt-in rather than the default. + +When using this, you will probably need to set font-variation-settings +explicitly, e.g. + + * { font-variation-settings: "slnt" 0deg } + .italic { font-variation-settings: "slnt" 10deg } + +*/ +@font-face { + font-family: 'Inter var experimental'; + font-weight: 100 900; + font-style: oblique 0deg 10deg; + src: url("Inter.var.woff2") format("woff2-variations"), + url("Inter.var.woff2") format("woff2"); +} diff --git a/misc/dist/variable.txt b/misc/dist/variable.txt index c2a3b5cb2..2f79e19b1 100644 --- a/misc/dist/variable.txt +++ b/misc/dist/variable.txt @@ -1,13 +1,13 @@ Variable fonts is a new technology still undergoing development. -The directory named "Inter UI (TTF variable)" contains three files: +The directory named "Inter (TTF variable)" contains three files: -- Inter-UI.var.ttf -- multi-axis complete family -- Inter-UI-italic.var.ttf -- italic-only with variable weight axis. -- Inter-UI-upright.var.ttf-- upright-only with variable weight axis. +- Inter.var.ttf -- multi-axis complete family +- Inter-italic.var.ttf -- italic-only with variable weight axis. +- Inter-upright.var.ttf-- upright-only with variable weight axis. -The "Inter UI (web)" directory contains WOFF2 versions of these same +The "Inter (web)" directory contains WOFF2 versions of these same font files. Support for variable fonts is limited as of late 2018, but support |