Giter VIP home page Giter VIP logo

Comments (8)

pauldhunt avatar pauldhunt commented on May 28, 2024

The issue here is that different environments use different font rasterizers. If your targeted environment has good support for PostScript type hinting, you will probably want to use the OTF fonts. If, on the other hand, your targeted environment does not have good support for PS type hinting, you may prefer the TTF font versions and this is the reason for their existence. If you do not know what hinting your targeted environment rasterizer supports, you will want to test for yourself and make a judgement on the suitability of each format.

from source-sans.

peterflynn avatar peterflynn commented on May 28, 2024

@pauldhunt To clarify, we're actually talking about the WOFF versions of the font -- differences between the .ttf.woff and .otf.woff copies. But I guess the WOFF files are just thin wrappers around the TTF and OTF originals?

.ttf.woff:
ttf woff

.otf.woff:
otf woff

In the second image, the characters look vertically stretched ~1px (e.g. look at "o" or "m"/"n"), and the weight is heavier.

In this case the environment in question is basically Chrome 39, which uses DirectWrite on Windows. But I couldn't find good info online about how well DirectWrite supports PotScript hinting...

from source-sans.

miguelsousa avatar miguelsousa commented on May 28, 2024

To add to Paul's comment, when we hint the fonts we make no effort to match the rasterization of both formats pixel-by-pixel, because that would be close to impossible anyway.

The glyph outlines are the exact same size on both formats; any differences you see in terms of size and proportions at small rendered sizes are in big part the result of different rasterization algorithms, which the font is not in control of.

from source-sans.

miguelsousa avatar miguelsousa commented on May 28, 2024

But I guess the WOFF copies are just thin wrappers around the TTF and OTF originals?

Correct.

In this case the environment in question is basically Chrome 39, which uses DirectWrite on Windows. But I couldn't find good info online about how well DirectWrite supports PotScript hinting...

DirectWrite has very good support for PostScript hinting; it's lightyears better than GDI.

If one of Brackets' goals is to be cross-platform pixel-by-pixel, your best bet is to standardize on the OTF fonts. This is because DirectWrite uses Adobe's CFF rasterizer, which now happens to be open source. The Mac platform uses its own rasterization technology, but I expect that the OTFs will render more similarly between Mac & Windows than the TTFs ever will.

from source-sans.

Pomax avatar Pomax commented on May 28, 2024

I did not know the rasterizer was now open source - that's amazing news!

from source-sans.

miguelsousa avatar miguelsousa commented on May 28, 2024

@Pomax We announced it in May 2013. I'm surprised it's the first time you hear about it.

from source-sans.

twardoch avatar twardoch commented on May 28, 2024

I'll just add for clarification: it's part of FreeType.

from source-sans.

Pomax avatar Pomax commented on May 28, 2024

That's... very odd, I'm pretty sure I was on the opentype list well before then. Oh well, still great news, I'm just late to the party =)

from source-sans.

Related Issues (20)

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.