diff options
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/docs/index.html b/docs/index.html index 01d4d4507..5ec838edc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -25,9 +25,9 @@ endfor <input type="text" id="hidden-text-input"> <div class="row"><div> - <h1>The Inter UI font family</h1> + <h1>The Inter font family</h1> <p> - Inter UI is a typeface specially designed for user interfaces + Inter is a typeface specially designed for user interfaces with focus on high legibility of small-to-medium sized text on computer screens. </p> <p> @@ -57,14 +57,14 @@ endfor <a class="download-link" href="https://github.com/rsms/inter/releases/latest/">download & installing</a> locally on your computer. </p> <p> - You're free to bundle copies of Inter UI with your software, even if it's - commercial and you charge money for your software. Inter UI can also be used + You're free to bundle copies of Inter with your software, even if it's + commercial and you charge money for your software. Inter can also be used on the web by either hosting the font files yourself or by including this CSS: </p> - <pre>@import url('https://rsms.me/inter/inter-ui.css'); -html { font-family: 'Inter UI', sans-serif; } + <pre>@import url('https://rsms.me/inter/inter.css'); +html { font-family: 'Inter', sans-serif; } @supports (font-variation-settings: normal) { - html { font-family: 'Inter UI var alt', sans-serif; } + html { font-family: 'Inter var', sans-serif; } }</pre> <p> </p> @@ -80,7 +80,7 @@ html { font-family: 'Inter UI', sans-serif; } <span id="dynmet-unit">em</span> </p> <p> - There's of course no absolute right or wrong when it comes to expressing yourself with typography, but Inter UI <em>Dynamic Metrics</em> provides guidelines for good typography. You simply provide the optical font size, and the tracking and leading is calculated for you to produce the best results. + There's of course no absolute right or wrong when it comes to expressing yourself with typography, but Inter <em>Dynamic Metrics</em> provides guidelines for good typography. You simply provide the optical font size, and the tracking and leading is calculated for you to produce the best results. </p> <p> <a href="{{url_root}}dynmetrics/">Learn more…</a> @@ -90,7 +90,7 @@ html { font-family: 'Inter UI', sans-serif; } <h2><a id="free" href="#free">How much does it cost?</a></h2> <p> - Inter UI is a <a href="https://github.com/rsms/inter">free and open source</a> font family.<br> + Inter is a <a href="https://github.com/rsms/inter">free and open source</a> font family.<br> You are free to use this font in almost any way imaginable.<br> Refer to the <a href="https://choosealicense.com/licenses/ofl-1.1/">SIL Open Font License 1.1</a> for exact details on what the conditions and restrictions are. </p> @@ -112,7 +112,7 @@ html { font-family: 'Inter UI', sans-serif; } <h2><a id="variable" href="#variable">Variable</a></h2> <p> - Inter UI is offered as both traditional constant font files + Inter is offered as both traditional constant font files (one per style, e.g. Bold Italic, Medium, etc.) as well as a <a href="https://en.wikipedia.org/wiki/Variable_fonts">Variable Font</a> file which contains all styles in a much smaller file size. @@ -178,7 +178,7 @@ html { font-family: 'Inter UI', sans-serif; } <div class="row"><div> <h2><a id="features" href="#features">Features</a></h2> <p> - Inter UI comes with many OpenType features that can be used to + Inter comes with many OpenType features that can be used to tailor functionality and aesthetics to your specific needs. Some of these features can be combined to form a great number of alternative variations. @@ -398,16 +398,16 @@ html { font-family: 'Inter UI', sans-serif; } <div class="row-divider"></div> <div class="row"><div> - <h2><a id="story" href="#story">The story behind Inter UI</a></h2> + <h2><a id="story" href="#story">The story behind Inter</a></h2> <p> - Inter UI started out in late 2016 as an experiment to build a perfectly + Inter started out in late 2016 as an experiment to build a perfectly pixel-fitting font at a specific small size (11px.) The idea was that by crafting a font in a particular way, with a particular coordinate system (Units Per EM), and for a particular target rasterization size (11), it would be possible to get the best of both sharpness and readability. </p> <p> - However after a few months of using an early version of Inter UI, it dawned + However after a few months of using an early version of Inter, it dawned on everyone exposed to the test that this approach had some serious real-world problems. Most notably that it was really hard to read longer text. Because of the pixel-aligning nature of that approach, the font took an almost @@ -419,8 +419,8 @@ html { font-family: 'Inter UI', sans-serif; } The project was rebooted with a different approach, sticking with the specific UPM, but crafting glyphs and kerning in a way that made for more variation in the rhythm and smoother vertical and horizontal stems. - As Inter UI was being developed, it was tested on an internal version of - <a href="https://www.figma.com/">Figma</a>—where the author of Inter UI works as a designer—and slowly improved upon based on experience and feedback. + As Inter was being developed, it was tested on an internal version of + <a href="https://www.figma.com/">Figma</a>—where the author of Inter works as a designer—and slowly improved upon based on experience and feedback. </p> <p> </p> @@ -453,7 +453,7 @@ html { font-family: 'Inter UI', sans-serif; } You want to use the "hinted" fonts only if you are targeting Windows users <em>and</em> prefer the different look of these "hinted" fonts. Additionally, hinting data makes the font files larger, so if you are - using Inter UI on websites, the extra size of these files is another + using Inter on websites, the extra size of these files is another consideration to make. <a href="https://www.typotheque.com/articles/hinting"> This article explains hinting at a greater length.</a> @@ -466,15 +466,15 @@ html { font-family: 'Inter UI', sans-serif; } <li class="a"> rsms.me/inter is backed by GitHub's server network and distributed globally on the CloudFlare CDN, making usage of - <q>https://rsms.me/inter/inter-ui.css</q> and associated font + <q>https://rsms.me/inter/inter.css</q> and associated font files very reliable and fast throughout the world. </li> <li class="q" id="faq-contribute"> - Can I help with improving Inter UI? + Can I help with improving Inter? </li> <li class="a"> - Yes you can! Inter UI is an open-source project, meaning the source + Yes you can! Inter is an open-source project, meaning the source code—or "source design" if you will—that is used to build the font files <a href="https://github.com/rsms/inter">are freely available</a> to improve upon. Font making requires a fair bit of technical work and @@ -489,7 +489,7 @@ html { font-family: 'Inter UI', sans-serif; } This website claims work started in 2016, but the git repository's log says it started later? </li> <li class="a"> - Inter UI was developed in an a private, internal git repository + Inter was developed in an a private, internal git repository starting in November 2016, prior to being published on August 22, 2017. Between November 2016 and August 2017, there were <num>2 990 150</num> line edits made across 247 versions. @@ -503,7 +503,7 @@ html { font-family: 'Inter UI', sans-serif; } </li> <li class="q" id="faq-contact"> - I've made a cool thing that uses Inter UI, can I share it with you? + I've made a cool thing that uses Inter, can I share it with you? <dem>or</dem> </li> <li class="q"> @@ -582,7 +582,7 @@ function updateTracking() { } else if (fontSize > 999) { fontSizeEl.value = fontSize = 999 } - var tracking = InterUIDynamicTracking(fontSize) + var tracking = InterDynamicTracking(fontSize) trackingEl.value = unitFormatter(fontSize, tracking) } |