Viktor H.

Budapest, HU Frontend+UX Joined over 1 year ago

  • 1 story
  • 4 comments
  • 44 upvotes
  • Posted to Plumber - Easy baseline grids with SASS, in reply to Weston Thayer , Dec 23, 2016

    Yes, WFL can only tell you about the fonts it tries to load, and knows nothing about local fonts. However this will hopefully change sooner or later – there is a note in the CSS Font Loading Module Draft saying that a future version should handle local fonts too.

    I agree about font metrics. I'd like to make a better measure tool that reads a font file and parses the OpenType tables for the exact metrics.

    Thanks for the heads up! I haven't had time to test on Windows yet, but Chrome acts weird (and different) on Mac and Android too. Rounding values to ¼ pixels should have mitigated this; I will see what more can be done. At the moment Firefox is the only browser I know with precise subpixel rendering.

    0 points
  • Posted to Plumber - Easy baseline grids with SASS, in reply to Weston Thayer , Dec 23, 2016

    Thanks for the feedback!

    • Unfortunately there is no way to know beforehand in the CSS if the specified font will be successfully loaded. I recommend loading web fonts using the Web Font Loader that sets classes on the body so you can target multiple fonts.

    • Did you use the measure tool? I tested with grid sizes up to 100px and font sizes up to 500px and it looked good.

    0 points
  • Posted to What book do you use to keep your monitor at Eye level?, Nov 06, 2016

    I use The Chicago Manual of Style, 16th Edition.

    1 point
  • Posted to Show DN: Redesigning an Obscure Book, in reply to Yitong Zhang , Sep 01, 2016

    I can see a few reasons for this:

    • Browser support for CSS hyphens is scarce on desktop and virtually nonexistent on mobile. (MDN article) I believe this has something to do with the readily available hyphenation dictionaries on different platforms.
    • On web pages both content and layout tend to be dynamic/responsive, so it's very hard to control the presentation. This is crucial when using justified lines because hyphenation and line breaks usually need to be adjusted manually to avoid awkward situations like rivers in the text.
    • Ragged text helps the readability of long lines. Most web content is considered to have long lines in both character count and absolute length according to typographic conventions. (Try setting text-align: justify; on a Medium article and see it for yourself.)
    1 point
Load more comments