diff options
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 87 |
1 files changed, 34 insertions, 53 deletions
diff --git a/docs/index.html b/docs/index.html index 764f68c9d..8a031dca0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,24 +2,22 @@ <html lang="en" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> - <title>Interface font family</title> + <title>Inter UI font family</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> - - <meta property="og:title" content="Interface font family"> - <meta property="twitter:title" content="Interface font family"> - <meta property="description" content="Interface is a new typeface optimized for high legibility on computer screens"> - <meta property="og:description" content="Interface is a new typeface optimized for high legibility on computer screens"> - <meta property="twitter:description" content="Interface is a new typeface optimized for high legibility on computer screens"> + <meta property="og:title" content="Inter UI font family"> + <meta property="twitter:title" content="Inter UI font family"> + <meta property="description" content="Inter UI is a new typeface optimized for computer user interfaces"> + <meta property="og:description" content="Inter UI is a new typeface optimized for computer user interfaces"> + <meta property="twitter:description" content="Inter UI is a new typeface optimized for computer user interfaces"> <meta property="twitter:card" content="summary"> <meta property="twitter:site" content="@rsms"> <meta property="twitter:creator" content="@rsms"> - <meta property="og:image" content="https://rsms.me/interface/res/poster.png"> - <meta property="twitter:image" content="https://rsms.me/interface/res/poster.png"> - + <meta property="og:image" content="https://rsms.me/intra/res/poster.png"> + <meta property="twitter:image" content="https://rsms.me/intra/res/poster.png"> <meta property="fb:app_id" content="38027689216"> - <meta property="og:url" content="https://rsms.me/interface/"> + <meta property="og:url" content="https://rsms.me/intra/"> <meta property="og:site_name" content="rsms.me"> <meta property="og:type" content="product"> <meta property="og:locale" content="en_US" /> @@ -27,17 +25,17 @@ <link rel="icon" type="image/png" href="favicon.ico" /> - <link href="interface.css?v=2" rel="stylesheet"> + <link href="inter-ui.css?v=2" rel="stylesheet"> <link href="index.css?v=2" rel="stylesheet"> </head> <body> <script src="index.js"></script> <div class="row"><div> - <h1>The Interface font family</h1> + <h1>The Inter UI font family</h1> <p> - Interface is a font for highly legible text on computer screens.<br> - <a class="fat" href="https://github.com/rsms/interface/releases/latest/">Download the latest release</a> + Inter UI is a font for highly legible text on computer screens.<br> + <a class="fat" href="https://github.com/rsms/inter/releases/latest/">Download the latest release</a> or try it out in the <a href="lab/" class="fat">playground</a> </p> </div></div> @@ -45,14 +43,14 @@ <div class="row white" style="padding-bottom:0"><div> <h2><a id="sample" href="#sample">Sample</a></h2> <p style="margin-bottom:0"> - <a href="https://www.figma.com/file/WmU5NWr52bnUcqv5os0V4sWi/Interface-samples" class="plain"><img src="res/sample.png" width="888" style="width:100%;display:block"></a> + <a href="https://www.figma.com/file/WmU5NWr52bnUcqv5os0V4sWi/" class="plain"><img src="res/sample.png" width="888" style="width:100%;display:block"></a> </p> </div></div> <div class="row dark"><div> <h2><a id="free" href="#free">How much does it cost?</a></h2> <p> - Interface is a <a href="https://github.com/rsms/interface">free and open source</a> font family. You are free to use this font in almost any way imaginable. + Inter UI is a <a href="https://github.com/rsms/inter">free and open source</a> font family. You are free to use this font in almost any way imaginable. 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> @@ -61,16 +59,16 @@ <h2><a id="usage" href="#usage">How do I use it?</a></h2> <p> Using the font is as easy as - <a href="https://github.com/rsms/interface/releases/latest/">download & installing</a> locally on your computer. + <a href="https://github.com/rsms/inter/releases/latest/">download & installing</a> locally on your computer. </p> <p> - You're free to bundle copies of Interface with your software, even if it's - commercial and you charge money for your software. Interface can also be used + 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 on the web by either hosting the font files yourself or by including this CSS: </p> - <code>@import url('https://rsms.me/interface/interface.css');</code> - <p>Use the following CSS rules to specify the Interface family:</p> - <code>font-family: Interface, sans-serif;</code> + <code>@import url('https://rsms.me/inter/inter-ui.css');</code> + <p>Use the following CSS rules to specify the Inter UI family:</p> + <code>font-family: 'Inter UI', sans-serif;</code> </div></div> <div class="row"><div> @@ -172,16 +170,16 @@ <div class="row-divider"></div> <div class="row"><div> - <h2><a id="story" href="#story">The story behind Interface</a></h2> + <h2><a id="story" href="#story">The story behind Inter UI</a></h2> <p> - Interface started out in late 2016 as an experiment to build a perfectly + Inter UI 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 Interface, it dawned + However after a few months of using an early version of Inter UI, 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 @@ -193,17 +191,17 @@ 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 Interface was being developed, it was tested on an internal version of - <a href="https://www.figma.com/">Figma</a>—where the author of Interface works as a designer—and slowly improved upon based on experience and feedback. + 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. </p> <p> </p> <h2><a id="status" href="#status">Current status & usability</a></h2> <p> - Interface works great for English-language text, and pretty well for other + Inter UI works great for English-language text, and pretty well for other Latin and Cyrillic languages. There's still a lot of work to be done, and - <a href="https://github.com/rsms/interface/blob/master/CONTRIBUTING.md">contributions are warmly welcomed</a>. The playground contains <a href="lab/?sample=Body%20text%201&size=16">a lot of samples</a>, including some common <a href="lab/?sample=Kerning%20body%20multi-lang&size=16">non English-language words in the playground.</a> + <a href="https://github.com/rsms/inter/blob/master/CONTRIBUTING.md">contributions are warmly welcomed</a>. The playground contains <a href="lab/?sample=Body%20text%201&size=16">a lot of samples</a>, including some common <a href="lab/?sample=Kerning%20body%20multi-lang&size=16">non English-language words in the playground.</a> </p> <p> @@ -226,34 +224,17 @@ source directory. </li> - <li class="q" id="faq-naming"> - There's another font family with a similar name (InterFace). - How do I make sure I'm talking about the right font? - </li> - <li class="a"> - The world is a small place and just like all the - <a href="https://en.wikipedia.org/wiki/Eric_Erickson">Eric Ericksons</a>, - name alone sometimes does not suffice for unambiguous identity. - The best way to be clear about what font you are talking about is to - use the URL of this page (<q>rsms.me/interface</q>) when telling - people about it. - <a href="https://figma.com/">Design tools</a> and other software uses - <a href="https://www.microsoft.com/typography/otspec/name.htm#nameIDs">a set of information embedded into every font</a> for identity, so names are only - important for humans, not computers, and so you need not to worry about - "conflicts." At least not with well-behaved software. - </li> - <li class="q" id="faq-contribute"> - Can I help with improving Interface? + Can I help with improving Inter UI? </li> <li class="a"> - Yes you can! Interface is an open-source project, meaning the source + Yes you can! Inter UI 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/interface">are freely available</a> to improve upon. + <a href="https://github.com/rsms/inter">are freely available</a> to improve upon. Font making requires a fair bit of technical work and depending on what you'd like to do, some things might be more fun depending on your technical skills. - The <a href="https://github.com/rsms/interface/blob/master/CONTRIBUTING.md">"Contributing" document</a> is a great place to start. The document outlines where + The <a href="https://github.com/rsms/inter/blob/master/CONTRIBUTING.md">"Contributing" document</a> is a great place to start. The document outlines where you can have the biggest impact, how things are setup and how to get started. </li> @@ -262,7 +243,7 @@ This website claims work started in 2016, but the git repository's log says it started later? </li> <li class="a"> - Interface was developed in an a private, internal git repository + Inter UI 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. @@ -290,7 +271,7 @@ </li> <li class="q" id="faq-contact"> - I've made a cool thing that uses Interface, can I share it with you? + I've made a cool thing that uses Inter UI, can I share it with you? <dem>or</dem> </li> <li class="q"> |