From 9aa6cd640a46fe945e33df88ee7c5da1087527f4 Mon Sep 17 00:00:00 2001 From: Rasmus Andersson Date: Sun, 23 Apr 2023 12:52:46 -0700 Subject: New distribution format (TTC, help, extras) - uses TTC bundle for static fonts (#388) - second zip archive used for "extras", with individiual static font files - new help documentation, replacing all .txt files of past distributions --- misc/dist/about hinted fonts.txt | 24 ----- misc/dist/extras-readme.txt | 10 ++ misc/dist/help.txt | 182 +++++++++++++++++++++++++++++++++++ misc/dist/install-linux.txt | 32 ------- misc/dist/install-mac.txt | 18 ---- misc/dist/install-win.txt | 24 ----- misc/dist/inter-display.css | 200 --------------------------------------- misc/dist/variable.txt | 18 ---- 8 files changed, 192 insertions(+), 316 deletions(-) delete mode 100644 misc/dist/about hinted fonts.txt create mode 100644 misc/dist/extras-readme.txt create mode 100644 misc/dist/help.txt delete mode 100644 misc/dist/install-linux.txt delete mode 100644 misc/dist/install-mac.txt delete mode 100644 misc/dist/install-win.txt delete mode 100644 misc/dist/inter-display.css delete mode 100644 misc/dist/variable.txt (limited to 'misc/dist') diff --git a/misc/dist/about hinted fonts.txt b/misc/dist/about hinted fonts.txt deleted file mode 100644 index 610de8880..000000000 --- a/misc/dist/about hinted fonts.txt +++ /dev/null @@ -1,24 +0,0 @@ - -Inter font files comes in two versions: without TrueType hints -and "hinted"; with TrueType hints. This directory contains font files with -TrueType hints for use with ClearType and other compatible shapers. - -Hinted fonts looks different than unhinted fonts, especially at small sizes. -Before deciding to use these hinted fonts, consider the differences in -appearance compared to the regular fonts — you may prefer unhinted fonts for -some uses. - - ------------------------------------------------------------------------------ -What are hints? - - -The TrueType hints are used by ClearType on Windows machines where ClearType -is enabled. This usually changes the appearance of the fonts and can in some -cases increase the legibility of text. - -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 are automatically generated by a program called autohint. diff --git a/misc/dist/extras-readme.txt b/misc/dist/extras-readme.txt new file mode 100644 index 000000000..6da5f1a8e --- /dev/null +++ b/misc/dist/extras-readme.txt @@ -0,0 +1,10 @@ +Inter extras + +This directory contains some additional "bonus" content. + +If you are looking for the actual font files to install and use, +please download the main release from: + + https://rsms.me/inter/download/ + +Learn more about Inter at https://rsms.me/inter/ diff --git a/misc/dist/help.txt b/misc/dist/help.txt new file mode 100644 index 000000000..acc9f4de9 --- /dev/null +++ b/misc/dist/help.txt @@ -0,0 +1,182 @@ +Installing & using the Inter fonts + +Contents: + 1. Installing font files + 1.1. Installing on Apple macOS + 1.2. Installing on Microsoft Windows + 1.3. Installing on Ubuntu Linux + 2. Using Inter in Web content + 3. Hinted TrueType fonts (Inter TrueType.ttc) + 4. Extras + 5. License (can I use Inter for x?) + +File index: + Inter.ttc Complete font family (CFF1) + Inter Variable*.ttf Complete font family (Variable TrueType) + Inter TrueType.ttc Complete font family (TrueType, with TT hints) + Web/* Web fonts and CSS + +--------------------------------------------------------------------- + +1. Installing font files + + Inter fonts comes in two flavors: + Variable (Inter Variable*.ttf) and Static (Inter.ttc). + + Variable fonts allow you to choose any weight and optical size in + supported software. Variable fonts is a relatively recent new + technology, with varying degrees of software support. + Inter's variable font is called "Inter Variable" to avoid + confusion and to allow use alongside the traditional static fonts. + + Static fonts works with older software and uses a fixed set of + predefined mixtures of weight and optical size. For example + "Inter Display Medium" is Inter with maximum optical size and a + weight of 500. + + You will be installing both of these flavors. + + +1.1. Installing on Apple macOS + + 1. Open the "Font Book" application. + 2. In the main menu, select "File" → "Add Fonts..." + 3. Select "Inter.ttc", "Inter Variable.ttf" and + "Inter Variable Italic.ttf", then press "Open" + + Alternatively, if you prefer not to use Font Book, you can move or + copy the font files directly into ~/Library/Fonts/ + + +1.2. Installing on Microsoft Windows + + 1. Open the zip file you downloaded + 2. Select the files "Inter TrueType.ttc", "Inter Variable.ttf" and + "Inter Variable Italic.ttf" + 3. Right-click the selected files, choose "Install for all users" + + If you have a previous installation of Inter, you should make sure + to remove those fonts files before installing new ones. You need to + install the font for all users, as some software requires fonts to + be global. + + +1.3. Installing on Ubuntu Linux + + 1. Create a ".fonts" directory in your home. (mkdir -p ~/.fonts) + 2. Copy "Inter.ttc", "Inter Variable.ttf" and + "Inter Variable Italic.ttf" into your .fonts directory + (cp Inter.ttc *.ttf ~/.fonts/) + + If you prefer the look of Microsoft ClearType-style "hinted" fonts, + for step 2, install "Inter TrueType.ttc" (INSTEAD OF "Inter.ttc".) + + You may have to restart apps and/or your window server session. + +--------------------------------------------------------------------- + +2. Using Inter in Web content + + 1. Copy all woff2 files and the inter.css file from the "Web" + directory to your web server + + 2. Add the following into your HTML : + + + + + Replace "your-domain" with the actual domain name where you host + the woff2 font files. + + 3. If you are using a CDN, disable any automatic compression for + the woff2 files (they are already compressed) and set the + following HTTP headers for the woff2 files: + + Content-Type: font/woff2 + Cache-Control: max-age=31536000 + + The CSS contains specific version information in the URLs used + to load the fonts, so this is safe for upgrading to newer + versions of Inter. + + 4. In your main document's CSS, add the following to use Inter: + + :root { font-family: 'Inter', sans-serif; } + @supports (font-variation-settings: normal) { + :root { font-family: 'Inter var', sans-serif; } + } + + There are many other ways of using Inter on the Web platform. + The instructions above is simply one way. + + If you prefer to not host the fonts yourself, you can use the + official Inter CDN, which as a bonus means you are always serving + the latest version of Inter to your users: + + + + +--------------------------------------------------------------------- + +3. Hinted TrueType fonts (Inter TrueType.ttc) + + This distribution contains TrueType fonts with hints (the programs + needed by ClearType) in a separate font bundle "Inter TrueType.ttc" + + Microsoft Windows uses a technology called ClearType which alters + the shape of letters to increase sharpness, in particular for low- + density displays. This requires a font to have little programs + built into them, called TrueType hinting instructions, which lets + ClearType knows how to alter each character. + The standard distribution of Inter doesn't contain such "hints" + since it is relatively rare (and the web fonts would grow much + larger if they did contain such hinting programs.) + Additionally, some people on Windows do not like the appearance of + ClearType and prefer non-hinted fonts. (Tip: You can customize + ClearType to your liking in Window's settings.) + + The variable font is currently not available with TrueType hints, + only the traditional "static" font files are. This will hopefully + change in a future release. + + Important: DO NOT INSTALL BOTH VERSIONS! + + DO NOT install both "Inter.ttc" and "Inter TrueType.ttc". + DO install ONE OF those font files, + or else confusing, strange things might happen (conflicts.) + + Recap: + - If you want to make use of ClearType, install "Inter TrueType.ttc" + - If you do not want or need ClearType support, install "Inter.ttc" + +--------------------------------------------------------------------- + +4. Extras + + There's a separate zip file, available from the URL below, which + contains some additional content, like individual otf & ttf files. + + Get a copy at: https://github.com/rsms/inter/releases/latest + +--------------------------------------------------------------------- + +5. License (can I use Inter for x?) + + Inter is a completely free-to-use typeface, including commercial + use. It is licensed under the SIL Open Font License 1.1, which + you have received a copy of in the separate file LICENSE.txt + + Here is a brief outline of permissions, limitations and conditions: + + Permissions Limitations Conditions + - Private use - No liability - License & copyright + - Commercial use - No warranty - Same license + - Modification + - Distribution + + Please read the complete LICENSE.txt carefully! + + +--------------------------------------------------------------------- + +Learn more about Inter at https://rsms.me/inter/ diff --git a/misc/dist/install-linux.txt b/misc/dist/install-linux.txt deleted file mode 100644 index d04e35b35..000000000 --- a/misc/dist/install-linux.txt +++ /dev/null @@ -1,32 +0,0 @@ - -Installing on Linux: - -There are many different Linux distributions and some handle font management -differently. These instructions are for the most common Linux distributions: - -1. Create a folder called ".fonts" in your home directory. - Example: mkdir -p ~/.fonts - -2. Copy the otf files in the "Desktop" folder into your .fonts directory - Example: cp "Desktop"/*.otf ~/.fonts/ - -You may have to restart apps and/or your window server session. - -Again, these instructions are for the most common Linux distributuons like -Ubuntu and might not apply to you. Refer to the documentation for your -distribution for more details on how to manage fonts in your OS. - - -Q&A - -Q: I installed the fonts but they don't show up -A: Try rebuilding the font database: - sudo fc-cache -f -v - Then restart your program(s). - -Q: Is there a way to tell if Inter was actually installed? -A: Try running: fc-list | grep "Inter" - -Q: ~/.fonts is an old thing. The new thing is ~/.local/share/fonts -A: Yes, that is true for recent distributions. These distros usually support - ~/.fonts as well making these instructions work for everyone. Yay. diff --git a/misc/dist/install-mac.txt b/misc/dist/install-mac.txt deleted file mode 100644 index f68ea93c5..000000000 --- a/misc/dist/install-mac.txt +++ /dev/null @@ -1,18 +0,0 @@ - -Installing font files on macOS - - -Using Font Book: - -1. Open the "Font Book" application. -2. In the main menu, select File, then Add Fonts... -3. Find the "Desktop" folder, select the folder (or open the folder and - select all the files inside the folder) and press the Open button. - - -Using Finder: - -1. Copy the files in the "Desktop" folder -2. Press cmd-shift-G in Finder and go to: ~/Library/Fonts -3. Delete any existing "Inter" files and folders -4. Paste the copied files diff --git a/misc/dist/install-win.txt b/misc/dist/install-win.txt deleted file mode 100644 index b1c757a11..000000000 --- a/misc/dist/install-win.txt +++ /dev/null @@ -1,24 +0,0 @@ - -Installing on Windows 10: - -1. Copy the "Desktop" folder in the zip file to your Desktop. -2. Open the "Desktop" folder on your Desktop. -4. Select all font files. -5. Right-click the selected files and choose "Install for all users". - -If you have a previous installation of Inter, you should make sure -to remove those fonts files before installing new ones. You need to -install the font for all users, as some software requires fonts to be -global. - - -ClearType-hinted fonts - -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 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 -"Desktop with TrueType hints" folder instead of "Desktop". diff --git a/misc/dist/inter-display.css b/misc/dist/inter-display.css deleted file mode 100644 index 6e505ce3a..000000000 --- a/misc/dist/inter-display.css +++ /dev/null @@ -1,200 +0,0 @@ -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url("InterDisplay-Thin.woff2?v=3.12") format("woff2"), - url("InterDisplay-Thin.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url("InterDisplay-ThinItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-ThinItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url("InterDisplay-ExtraLight.woff2?v=3.12") format("woff2"), - url("InterDisplay-ExtraLight.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url("InterDisplay-ExtraLightItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-ExtraLightItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url("InterDisplay-Light.woff2?v=3.12") format("woff2"), - url("InterDisplay-Light.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url("InterDisplay-LightItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-LightItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("InterDisplay-Regular.woff2?v=3.12") format("woff2"), - url("InterDisplay-Regular.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("InterDisplay-Italic.woff2?v=3.12") format("woff2"), - url("InterDisplay-Italic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("InterDisplay-Medium.woff2?v=3.12") format("woff2"), - url("InterDisplay-Medium.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("InterDisplay-MediumItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-MediumItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("InterDisplay-SemiBold.woff2?v=3.12") format("woff2"), - url("InterDisplay-SemiBold.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("InterDisplay-SemiBoldItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-SemiBoldItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("InterDisplay-Bold.woff2?v=3.12") format("woff2"), - url("InterDisplay-Bold.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("InterDisplay-BoldItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-BoldItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url("InterDisplay-ExtraBold.woff2?v=3.12") format("woff2"), - url("InterDisplay-ExtraBold.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url("InterDisplay-ExtraBoldItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-ExtraBoldItalic.woff?v=3.12") format("woff"); -} - -@font-face { - font-family: 'InterDisplay'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url("InterDisplay-Black.woff2?v=3.12") format("woff2"), - url("InterDisplay-Black.woff?v=3.12") format("woff"); -} -@font-face { - font-family: 'InterDisplay'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url("InterDisplay-BlackItalic.woff2?v=3.12") format("woff2"), - url("InterDisplay-BlackItalic.woff?v=3.12") format("woff"); -} - -/* ------------------------------------------------------- -Variable font. -Usage: - - html { font-family: 'InterDisplay', sans-serif; } - @supports (font-variation-settings: normal) { - html { font-family: 'InterDisplay var', sans-serif; } - } -*/ -@font-face { - font-family: 'InterDisplay var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("InterDisplay-roman.var.woff2?v=3.12") format("woff2"); -} -@font-face { - font-family: 'InterDisplay var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("InterDisplay-italic.var.woff2?v=3.12") 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: 'InterDisplay var experimental'; - font-weight: 100 900; - font-display: swap; - font-style: oblique 0deg 10deg; - src: url("InterDisplay.var.woff2?v=3.12") format("woff2"); -} diff --git a/misc/dist/variable.txt b/misc/dist/variable.txt deleted file mode 100644 index 0d60213b1..000000000 --- a/misc/dist/variable.txt +++ /dev/null @@ -1,18 +0,0 @@ - -There are two flavors of variable Inter to choose from: - -- Inter.var.ttf & Inter-Italic.var.ttf - Family called "Inter" - -- InterV.var.ttf & InterV-Italic.var.ttf - Family called "Inter V" which is identical to "Inter" with the family - name as the only exception. - Useful when you want to install traditional static font files alongside - the variable version. - -Note that variable fonts is relatively new technology, with varying -degrees of support in operating systems, web browsers and apps. - -If you're in doubt or uncertain about variable fonts, then you probably -don't need to use a variable font. Instead, install the fonts in the -"Desktop" folder. -- cgit v1.2.3