GithubHelp home page GithubHelp logo

rsms / inter Goto Github PK

View Code? Open in Web Editor NEW
17.0K 160.0 395.0 543.01 MB

The Inter font family

Home Page: https://rsms.me/inter/

License: SIL Open Font License 1.1

Makefile 3.76% Shell 2.74% Python 67.42% JavaScript 0.49% C 23.99% Objective-C++ 1.43% Dockerfile 0.15%
typeface font design

inter's Introduction

Inter

Inter is a typeface carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Inter is a variable font with several OpenType features, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.

Download Inter font files…


Sample

Quick questions

  • Where can I get Inter? Here
  • I think I found a bug. How can I let you know? Open an issue here
  • I have a question. Where can I get help? Post in Discussions Q&A
  • Should I use Inter from Google Fonts? No, unless you have no other choice. (outdated, no italics)
  • Can I legally use Inter for my purpose? Most likely yes! Inter is free and open source. (Read the license for details.)

Using & installing Inter

Download the latest font files…

Using Inter on a web page:

<link rel="preconnect" href="https://your-font-file-host/">
<link rel="stylesheet" href="https://your-font-file-host/inter.css">
:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}

For web pages, there's an official CDN distribution that you can use directly without having to host the font files yourself:

<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">

Alternate distributions

Disclaimer: Alternate distributions may not always be up-to-date.

Derivative versions

Notable projects using Inter

Have you made something nice with Inter?
Please share in Show & Tell! →

Supporters & contributors

A wholehearted Thank You to everyone who supports the Inter project!

Special thanks to @thundernixon and @KatjaSchimmel who have put in significant effort into making Inter what it is through their contributions ♡

See graphs/contributors for a complete list of all contributors.

Contributing to this project

For instructions on how to work with the source files and how to compile & build font files, refer to CONTRIBUTING.md.

Inter is licensed under the SIL Open Font License

Creating derivative fonts

Inter is open source which means you can make your own versions with your own changes. However when doing so, please read LICENSE.txt carefully. It is a standard SIL Open Font License 1.1:

The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.

The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.

While you are allowed to use Inter commercially, i.e. bundled with product or service which makes you money, you are NOT allowed to sell Inter itself or derivatives of Inter. If you would like to do so, please reach out and we can talk about it.

Inter a trademark of Rasmus Andersson (DBA: RSMS)

"Inter" is a Reserved Font Name by Rasmus Andersson (font vendor code RSMS.)

Design

This section discusses some of the design choices made for Inter.

Inter can be classified as a geometric neo-grotesque, similar in style to Roboto, Apple San Francisco, Akkurat, Asap, Lucida Grande and more. Some trade-offs were made in order to make this typeface work really well at small sizes:

  • Early versions of Inter was not suitable for very large sizes because of some small-scale glyph optimizations (like "pits" and "traps") that help rasterization at small sizes but stand out and interfere at large sizes. However today Inter works well at large sizes and a Display subfamily is in the works for really large "display" sizes.

  • Rasterized at sizes below 12px, some stems—like the horizontal center of "E", "F", or vertical center of "m"—are drawn with two semi-opaque pixels instead of one solid. This is because we "prioritize" (optimize for) higher-density rasterizations. If we move these stems to an off-center position—so that they can be drawn sharply at e.g. 11px—text will be less legible at higher resolutions.

Inter is a variable font and is in addition also distributed as a set of traditional distinct font files in the following styles:

Roman (upright) name Italic name Weight
Thin Thin Italic 100
Extra Light Extra Light Italic 200
Light Light Italic 300
Regular Italic 400
Medium Medium Italic 500
Semi Bold Semi Bold Italic 600
Bold Bold Italic 700
Extra Bold Extra Bold Italic 800
Black Black Italic 900

inter's People

Contributors

calinou avatar davelab6 avatar derpitron avatar fractaledmind avatar hcsch avatar jasongitmail avatar katjaschimmel avatar kdrag0n avatar keyz avatar kzys avatar nan-xyz avatar orlp avatar porges avatar radiantly avatar rsms avatar shavian-info avatar thierryc avatar thundernixon avatar veratyr avatar vladwinner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

inter's Issues

Inter Ui (web) File Size?

Love the work! The typical file size for the Inter-UI (web) fonts are fairly large, around 100-170KB - Is that known/expected? I was hoping to confirm I'm using the right set given typical custom web fonts are around 20-40KB... thank you!

Add to package managers

Hey, love the typeface. I've been shopping around for an interface text and to my eye it's has some great options over the existing options.

Would you consider adding the font to npm, if just a distribution repository? I'd like to include it in a project but would prefer not to have to commit it to source. I'd be happy to setup the package for you if you'd like!

obliques are not italics

there is a game at http://thinkingwithtype.com/extras/ ( The Crime:Pseudo Italics ) explaining how obliques should never be named as italics - italics has nothing to do with obliques, it has to do with calligraphic version of a typeface - please, please correct this, and please stop spreading such confusion

Inter is not automatically embedded in PDF export in Pages

Hi there, thanks for the work on this font!

I prepared a document in Pages using Inter, and upon export to PDF while it looked fine when opened locally, some other font entirely was being rendered on devices where Inter wasn't installed locally.

At first I thought Pages just didn't embed fonts at all, however when I tried using another font, Tofino, the embed worked just fine (there was even a tangible file size increase with it).

I can't find much information on this, but according to this thread Pages will embed fonts where the license allows it: https://forums.createspace.com/en/community/thread/48558

Would really appreciate if you could see if the Inter license could be modified to allow for embedding in Pages, thanks!

As a demo, I've attached a tiny Pages document below which uses both Inter and Tofino and the PDF export for the same. You can see that in the PDF, Inter will render correctly on devices where it is installed, whereas Tofino will render correctly always: InterEmbed.zip

Renders incorrectly in PDF on Chrome

Hey, there! Follow-up from Twitter:

As mentioned, I've both exported and saved as PDF from both Pages and TextEdit and uploaded to the web to find that the font doesn't render correctly. It works in Safari, just not Chrome. Here's the PDF in question—if I download it, it renders locally, but it doesn't work specifically in Chrome.

Here are some screenshots of how it looks to me!

Web:
screen shot 2018-01-11 at 2 56 31 pm

Local:
screen shot 2018-01-11 at 2 55 10 pm

Let me know if there's any other useful information I can provide! I would be curious to see if you see what I see on web, too...

Thank you so much for the help and for creating this lovely typeface!

Small Caps Support

I really like to use small caps variants when available as they blend well with lower case text without having to adjust sizes to work with true caps. I'm sure this won't be a huge priority, but wanted to get the feature request in :)

Multiple asterisks leading to an uppercase letter

I really like how the asterisk aligns itself with uppercase letters, but take, for example

**ABBA**

you'll see that the last two asterisks are aligning themselves to the last A, whereas the very first asterisk does not align with the first A like the second asterisk does.

In Markdown it's common to enclose words in two asterisks, but if the word starts with an uppercase letter and ends with a lowercase one, for example

**Inter**

the second asterisk looks very out of place. Is there a way to disable this auto alignment?

German Umlauts and "T"

Hi!

I would like to report an issue: "T" collides with the dots of German Umlauts.

umlauts

The French accent circonflexe also looks a bit misplaced next to "T", i.e. in the word "Tête".

Thank you very much for this beautiful font!

oldstyle numbers?

Any plans to add oldstyle (onum) numbers which are so much better for use in text?

List of things to do and contribute

Hi 👋

I'm really interested in this project and would like to carve out some time to help this font improve. I've had a look today at getting started and, apart from a few technical hitches with the build process, the largest hurdle I have is knowing what I can help with.

The contribution guide talks in broad strokes about where help is needed, but for people with little experience of building fonts (like myself) it would be helpful to have a more detailed roadmap. This would ideally layout which characters need to be created, what needs to be improved and the priority of each task. I realise that this may be a lot of work but would definitely help the dev community contribute so I thought I'd put the suggestion out there.

P.S. I can see in robofont that certain characters are marked with various colours but I can't find any documentation that explains what each mark means. Perhaps I have missed something?

Add to CDN

hey!

First, great work here! 👏🏻

I was referencing https://rsms.me/interface/interface.css but the server seems to be slow and wasn't even resolving today morning. Do you mind adding it to a CDN provider like cdnjs.com or even a npm package that can be loaded over unpkg.com?

v2.3 appears very broken for me

Not sure what happened here but I upgraded to 2.3 and all of the text looks as if it's in another language, like Georgian or something Asian that I don't recognize. I upgraded via Arch AUR (I'm the maintainer of that package), which simply downloads and installs your v2.3 zip file.

copyfile fails on initial build

The error

When running make to create initial build I get the following error:

misc/ufocompile --otf Regular
/Users/dan/Code/interface/src/features.fea
/Users/dan/Code/interface/build/tmp/InterfaceUFO/features.fea
Traceback (most recent call last):
  File "misc/ufocompile", line 95, in <module>
    os.path.join(args.out, 'InterfaceUFO', 'features.fea'))
  File "/System/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/shutil.py", line 83, in copyfile
    with open(dst, 'wb') as fdst:
IOError: [Errno 2] No such file or directory: '/Users/dan/Code/interface/build/tmp/InterfaceUFO/features.fea'
make: *** [build/tmp/InterfaceTTF/Interface-Regular.ttf] Error 1

It appears that at execution time the build/tmp/InterfaceUFO directory doesn't exist, which is causing copyfile to throw.

The same happens when trying to build a specific font e.g. make Regular

Steps I took

$ git clone [email protected]:rsms/interface.git
$ cd interface
$ ./init.sh
$ source './init.sh'
$ make

My system

macOS sierra 10.12.6
Python 2.7.10
Virtualenv 15.1.0

OpenGL ans webgl

Wow this is impressive.
I work with golang and opengl / webgl.

Is it within the current architecture to use this in the above OpenGL Environments. I ask because I would be willing to try integrating it to work in these environments as well but I have only limited experience with fonts.

I am hopeful though because OpenGL Like Environments have no relationship to the OS in terms of fonts so I expect it is doable.

Will be interesting to hear your thoughts.
Thanks btw for gotalk. It's inspired me to use it with NATS

As this font family is open source, can I develop a new monospace font family, mixing with Fira Code?

Hello,

I have just received an e-mail that you updated the fonts, adding many new glyphs. It is wonderful. As it is a multilingual font, it must be useful for a polyglot programmer and web developer and designer.

But as it is an open source font family, can I develop a new monospaced font family, mixing with fonts Fira Code, Kawlab Mono and other fonts, and adding maths glyphs, Georgian, Hebrew and Klingon glyphs? Is it bad or good idea for you?

Maybe I'll start to develop the new glyphs for fonts Gidole, Source Code Pro and this font on holiday.

New inter-ui font not loading, old interface works fine

After the font renaming, I tried referencing the inter-ui.css on my website but it doesn't seem to work 😞

The new CSS that doesn't work:

screen shot 2017-09-22 at 11 56 33 am

Here is the network information for that:

screen shot 2017-09-22 at 11 56 47 am

And, I don't know how but the old interface.css reference seems to work fine:

screen shot 2017-09-22 at 11 55 49 am

You can try this yourself by inspecting at jgog.in

Include SIL Open Font License in binary release

I'm making an AUR package for your font so that Arch Linux users can easily install it. It would make my job a lot easier if you could include the SIL license with the binary release. (might even be required by the license??)

Something like a LICENSE.TXT file would be perfect.

Such an awesome font! Thanks!

Undefined names

flake8 testing of https://github.com/rsms/interface on Python 2.7.13

$ flake8 . --count --select=E901,E999,F821,F822,F823 --show-source --statistics

./misc/svgsync2.py:122:23: F821 undefined name 'QuadraticBezier'
          path.append(QuadraticBezier(currentPos, vec2(cp.x, (cp.y + yOffs) * yMul), pos))
                      ^

./misc/svgsync2.py:473:6: F821 undefined name 'pathHash'
  if pathHash == existingSVGHash:
     ^

./misc/svgsync2.py:476:23: F821 undefined name 'pathHash'
  svg = glyphToSVG(g, pathHash)
                      ^

./misc/svgsync2.py:483:27: F821 undefined name 'pathHash'
  g.lib['svgsync.hash'] = pathHash
                          ^

./misc/pylib/fontbuild/Build.py:209:13: F821 undefined name 'Point'
        p = Point(a.p)
            ^

./misc/pylib/fontbuild/Build.py:214:13: F821 undefined name 'Point'
        p = Point(0,0)
            ^

./misc/pylib/fontbuild/Build.py:215:13: F821 undefined name 'Point'
        d = Point(c.deltas[0])
            ^

./misc/pylib/fontbuild/Build.py:221:13: F821 undefined name 'Point'
        s = Point(c.scale)
            ^

./misc/pylib/fontbuild/alignpoints.py:111:8: F821 undefined name 'glyph'
    if glyph.name is None:
       ^

./misc/pylib/fontbuild/mix.py:272:20: F821 undefined name 'font'
            return font.mixGlyphs(gname)
                   ^

./misc/rf-scripts/AdjustWidth.py:9:10: F821 undefined name 'CurrentFont'
  font = CurrentFont()
         ^

./misc/rf-scripts/ChangeUPM.py:91:8: F821 undefined name 'CurrentFont'
    if CurrentFont() is not None:
       ^

./misc/rf-scripts/ChangeUPM.py:92:18: F821 undefined name 'CurrentFont'
        oldUpm = CurrentFont().info.unitsPerEm
                 ^

./misc/rf-scripts/ChangeUPM.py:93:18: F821 undefined name 'CurrentFont'
        newUpm = CurrentFont().info.unitsPerEm
                 ^

./misc/rf-scripts/ChangeUPM.py:103:23: F821 undefined name 'CurrentFont'
            changeUPM(CurrentFont(), factor)
                      ^

./misc/rf-scripts/GridAdjust.py:9:10: F821 undefined name 'CurrentFont'
  font = CurrentFont()
         ^

./misc/rf-scripts/RemoveLocalGuides.py:5:10: F821 undefined name 'CurrentFont'
  font = CurrentFont()
         ^

./misc/rf-scripts/StripGlyphs.py:368:10: F821 undefined name 'CurrentFont'
  font = CurrentFont()
         ^

./misc/rf-scripts/ZeroWidth.py:9:10: F821 undefined name 'CurrentFont'
  font = CurrentFont()
         ^

"Inter UI Bold" font problems in LibreOffice (Linux/Ubuntu 16.04.3, installed OTF version)

Hello, I would like to report a bug when installing the OTF version of Inter UI on my Linux Mint 18.3 (Ubuntu 16.04.3).

When I tested the font in LibreOffice Writer (a document processor software), the font names "Inter UI Bold" is separated from the bold weight of "Inter UI".

This means that the bold version of Inter UI is not selected when I type a bold text using the "Inter UI" font name. Here's a screenshot to describe the problem:

Font sample

Euro sign

Euro sign looks a bit weird:

  • a bit too condensed – could be at least more like an open circle (~280°)
  • bottom of the two horizontal lines should be shorter

I'm not saying it should be exactly this, but at least closer to: https://en.wikipedia.org/wiki/Euro_sign#/media/File:Euro_Construction.svg

ps. I have to say how excited I'm about this project! Inter UI is the most beautiful UI font I've ever seen and it's getting even better all the time – thank you for doing this! ❤️

Kerning on T glyph is very tight

Hi there! I just noticed this today after the new release, but it seems that any glyph that fits under a capital T has extremely tight kerning:

image

It seems a bit off. Thoughts?

CDN for load the font

Loving this proyects, thanks for all the effort!

Could be a good idea setup an official CDN for provide the font.

The CDN makes easy setup the font in whatever project. Also it makes easy fetch always the last version.

Kerning FA

Not sure if this is something worth adding a ticket for, but the kerning pair of "FA" seems a little off, especially in the heaviest weights. Cheers 👌
FA

Section sign

As I've studied law and therefore am frequently in touch with (European) legal documents, I've got another small suggestion regarding the section sign:

  • it seems a little bit too low in relation to the following numbers — ideally the overlap at the top and the bottom would be the same.
  • maybe the middle part could be a bit steeper and the top and bottom part narrower than the middle part; currently it looks more like two concatenated "S" letters (admittedly its origin) than a ligature.

paragraph

Just a minor suggestion from a non-typographer — still love your font! ;-)

v1.8.1 release zipfile name does not conform to previous release naming

Saw the release notes and now understand why you changed the name to Inter UI. I'm re-doing the Arch Linux package and noticed that the naming of your zipfile for the 1.8.1 release doesn't conform to what you've done previously. It should be named Inter-UI-1.8.1.zip but is named Inter-UI-1.8.zip. Can you update the release to use the standard name so that my package will build without me having to make ugly hacks? Thanks!

4k resolution legibility

At 4k resolution the Regular is thin and too tiring too read. Medium is thicker but letters are not clear like Apple's font medium. Can you improve to somewhere in between either to make a new font style or change Regular or Medium.

White dot in `e` letter

I am using the Inter UI webfont and loving it so far. However, I have one issue with it: the letter e has a small white dot where the arc meets the rest of the letter.

2018-02-16

Is that intended? I have to be honest, I'm not a fan of it...

Diagonal arrows

Thank you for the great type! I gave it a try on Linux, and found the diagonal arrows missing used in some software. I believe this are Unicode U+2196, 7, 8, 9

I could try another day if I could add it myself, but maybe this is something that could be copied form the regular, straight arrows easily?

Print problems with overlapping shapes on PC

When installing InterUI 2.5 Beta on a Mac with Indesign, the screen font shows no overlapping problem. Indesign 2017, and 2018. And the font renders ok but looks blurry on print. Visual ok in pdf.

My customer is working on PC and his visuals even look brooken in the pdf. And when he opens the Indesign document.
test.pdf

sub-par rendering

On Windows 7 > Firefox 57.0

Default zoom level, don't have any addon that "tweaks" typography or anything similar.

I don't know where the fault lies, I'm just doing a drive-by report. Cheers!

Adjustments to Cyrillic glyphs U+0411 and U+042E

In version 1.6 of the font there are some issues with the glyphs on codepoints U+0411 and U+042E in different font weights:

TTF hinted - Black:
black_hinted_ttf

OTF - Black:
black_otf

TTF - Black:
black_ttf

OTF - Bold:
bold_otf

TTF - Medium Italic:
medium_italic_ttf

OTF - Medium:
medium_otf

TTF - Medium:
medium_ttf

OTF - Regular Italic:
regular_italic_otf

TTF - Regular Italic:
regular_italic_ttf

ITF - Regular:
regular_otf

TTF - Regular:
regular_ttf

Missing U+041A CYRILLIC CAPITAL LETTER KA

Hello
I think I found a couple of issues in the current release version 1.5 - have not checked previous versions and can not build from source.
Can you confirm that issues are not observed on my PC only?

Hinted TTF - bold
hinted_bold
Hinted TTF - bold italic
hinted_bold_italic
Hinted TTF - medium
hinted_medium
Hinted TTF - medium italic
hinted_medium_italic
Hinted TTF - regular
hinted_regular
Hinted TTF - regular italic
hinted_regular_italic
OTF - bold
otf_bold
OTF - bold italic
otf_bold_italic
OTF - medium
otf_medium
OTF - medium italic
otf_medium_italic
OTF - regular
otf_regular
OTF - regular italic
otf_regular_italic
TTF - bold
ttf_bold
TTF - bold italic
ttf_bold_italic
TTF - medium
ttf_medium
TTF - medium italic
ttf_medium_italic
TTF - regular
ttf_regular
TTF - regular italic
ttf_regular_italic

Light weights

Beautiful font!
Any chance for "Light" and "Thin" versions?
(Even though they may be outside of the current scope of the font)

"thanks" for ignoring GNU/Linux

at readme.md we see "Follow the instructions in "install-mac.txt" or "install-win.txt", depending on what operating system you're using." - where is GNU/Linux?

and btw, "mac" is the hardware, not the operating system (for example, now i'm running Ubuntu on a Mac! :D )

another thing is why are people calling "win" a so crappy operating system... wouldn't it make more sense calling it as "lose"?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.