Coder Social home page Coder Social logo

cabin's Introduction

Cabin Fonts

The Cabin font family is a humanist sans with 4 weights and true italics, inspired by Edward Johnston’s and Eric Gill’s typefaces, with a touch of modernism. Cabin incorporates modern proportions, optical adjustments, and some elements of the geometric sans. It remains true to its roots, but has its own personality.

The weight distribution is almost monotone, although top and bottom curves are slightly thin. Counters of the b, g, p and q are rounded and optically adjusted. The curved stem endings have a 10 degree angle. E and F have shorter center arms. M is splashed.

License

  • Cabin is licensed under the SIL Open Font License v1.1 (http://scripts.sil.org/OFL)
  • To view the copyright and specific terms and conditions please refer to OFL.txt

Authors

Pablo Impallari, iKerned by Igino Marini, improved and extended by Kalapi Gajjar-Bordawekar Also including contributions by Marc Foley and Lasse Fister.

cabin's People

Contributors

crystaltype avatar davelab6 avatar graphicore avatar impallari avatar kalapi avatar m4rc1e avatar mjlagattuta avatar moyogo avatar vv-monsalve 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

cabin's Issues

weight axis uses a non-standard scale

The weight axis ranges from 95..128, with the Regular face being at the beginning of the range. This will not interoperate well with weights as defined in OpenType or CSS, where a Regular face is expected to have weight:400. I would suggest re-scaling the axis to a range of, for example, 400..700 for the weight variation that is actually available.

width axis is reversed

At least according to the example seen on https://v-fonts.com/, the width axis seems to work backwards: it has a range from 0..100, but as the value of the axis is increased, the font actually becomes narrower.

This will result in counter-intuitive behavior, for example, when CSS font properties like font-stretch:condensed vs font-stretch:normal are mapped to the variation axis in the font: a "condensed" face will appear wider than a "normal" one.

Move current @ to a stylistic set and introduce a new 'normal' one

A user wrote to Google Fonts this week,

First of all kudis to the designer. I love everything except this @ symbol in Cabin. This font is one of my favorite among Google fonts. Because of this @ design i can't use it for many websites that i love to use. I wish to change this @ type to a normal one. Kindly accept this as a request.

I've heard this a few times, so I'd like to request moving the current @ to a stylistic set.

smcp feature?

The sc glyphs are there but the smcp feature isn't enabled.

Variable font not behaving in Adobe InDesign 16.1 for Mac

Hi all,
I work for a client who started using Cabin font. I have been using the TTF, 8 separate weight files, for several months.

Now, another graphic designer for same client started using Cabin Variable. When I install these fonts, they freak out in InDesign. If a doc uses Variable, but I have TTF installed, InDesign does not throw an error for missing font. Is this because names are not unique? Also, it seems like InDesign is seeing the Regular and Italic basic weights, but not working well with the other weights. I'm not speaking of adjusting the variables, just not seeing Medium Italic, Bold Italic.

When I open a client document, Bold is displaying as Bold Italic and I cannot change it. The order of the fonts in the font menu CHANGE. It's freaking me out.

While I would love to just use the TTF, I cannot change my client's files from Variable to TTF.

Shouldn't these fonts have unique names or numbers, so they don't conflict? if they were unique, one could have all three font types loaded simultaneously. Not necessarily a great idea, but one could search and replace.

Thanks for any help. I'm basically fucked if I can't work with these files.

screen shots and MOV attached.

Font Order 1
Font Order 2

Cabin.Font.Glitch.InDesign.mov

Truetype version rendering incorrectly

When using the truetype version of the font, I'm seeing uppercase A render incorrectly. It has white gaps in the middle of the letter, where the horizontal bar of the A meets the sides. It sort of looks like it's the corners of the horizontal bar, where they overlap with the sides.

Note that the woff2 version of the font does NOT have this issue. I did not test every other file format Google offers.

image

You can reproduce with this code:

<head>
<title>Test</title>
<style>
    @font-face {
        font-family: 'Cabin';
        font-style: italic;
        font-weight: 400;
        font-stretch: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/cabin/v17/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXHx_Klwg.ttf) format('truetype');
    }
    @font-face {
        font-family: 'Cabin';
        font-style: italic;
        font-weight: 600;
        font-stretch: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/cabin/v17/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXHGfWlwg.ttf) format('truetype');
    }
    @font-face {
        font-family: 'Cabin';
        font-style: normal;
        font-weight: 400;
        font-stretch: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/cabin/v17/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkV2EL7E.ttf) format('truetype');
    }
    @font-face {
        font-family: 'Cabin';
        font-style: normal;
        font-weight: 600;
        font-stretch: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/cabin/v17/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkYODL7E.ttf) format('truetype');
    }
    @font-face {
        font-family: 'Cabin';
        font-style: normal;
        font-weight: 700;
        font-stretch: normal;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/cabin/v17/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDL7E.ttf) format('truetype');
    }
    h1 {
        font-family: 'Cabin';
    }
</style>
</head>
<body>
    <h1>Aesop</h1>
</body>

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.