norden.social

0 posts0 participants0 posts today

David JONESA new blog post on kerning, and how in my work-in-progress font i kern properly (example first image), and avoid a mess (example second image). In a font where the letterform is made from the white parts (reversed out), OpenType Layout kerning with GPOS rules cannot be used. Instead we have to get creative with scripting: Kerning the Hard Way <a href="https://home.octetfont.com/blog/kerning-hard.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://home.octetfont.com/blog/kerning-hard.html</a>(if you saw the sneak preview over the weekend, this is not a new blog post, but a repost)<a href="https://typo.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kerning</a> <a href="https://typo.social/tags/FontDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FontDesign</a>

Delta SierraMay I present just the absolute worst kerning ever. Spotted on a cheap 2-ton engine hoist/cherry picker.Look, if I have to suffer, everyone else should also have to suffer.<a href="https://furry.engineer/tags/bad" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bad</a> <a href="https://furry.engineer/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://furry.engineer/tags/text" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#text</a> <a href="https://furry.engineer/tags/pain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pain</a> <a href="https://furry.engineer/tags/lettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lettering</a> <a href="https://furry.engineer/tags/font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#font</a>

David JONESI wasn't really intending on doing this until Monday, but since the draft seems to be complete, the Friday night fedi can get a sneak preview of my latest blog post. Kerning, The Hard Way <a href="https://home.octetfont.com/blog/kerning-hard.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://home.octetfont.com/blog/kerning-hard.html</a>Please boost to your kerning friends. I know you have them.<a href="https://typo.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kerning</a> <a href="https://typo.social/tags/FontDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FontDesign</a>

David JONESPretty pleased with these preliminary results; ngl, pushing the boundaries of kerning here. Not ready to show just yet, but i expect some shaping engines to break when i do. (not harfbuzz, because that's what i'm developing against)<a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Tunera Type FoundrySome people don't care about kerning. Others just want to watch the world bum. (u/JBloodthorn on reddit) <a href="https://mastodon.design/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://mastodon.design/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.design/tags/font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#font</a> <a href="https://mastodon.design/tags/pun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pun</a>

David JONESMe: *does the kerning dance* Someone else in the same room: "Has that always been your kerning dance"?<a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Stefan Müller :verified:Das hier bekommt man von Microsoft-Produkten. <a href="https://climatejustice.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://climatejustice.social/tags/Typographie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typographie</a>

Thomas KahleWas macht das mit euch?<a href="https://machteburch.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Edgar WalthertHow about some good news for a change?<a href="https://typo.social/tags/Affinity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Affinity</a> has fixed (this time for real) the <a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> in <a href="https://typo.social/tags/VariableFonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VariableFonts</a>. I tested the lastes beta (2.6.0.3058) and all tested fonts work as supposed.🥳Cc: <a href="https://typo.social/@nicksherman" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nicksherman</a> <a href="https://mastodon.social/@barrymieny" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@barrymieny</a> <a href="https://typo.social/@LucasFonts" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@LucasFonts</a>

Jack Yan (甄爵恩)<a href="https://fouroclockfarms.club/@david" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@david</a> Here’s one to annoy you. Capit Al magazine was published for a few years. They contacted me to buy an ad. I pointed out they were not called Capital magazine. No one there had noticed! The next month, it was fixed—because of that conversation. Their old name still appears in the footer of their website, and the unkerned TA returned for one special edition. They had a huge rebrand to become Capit Al and none of their designers had <a href="https://mastodon.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> turned on by default?

Bitnapper 🏳️‍🌈⁣🇪🇺⁣🦕 ⁣🐈 ⁣<a href="https://machteburch.social/@tomkalei" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tomkalei</a> Ich musste das mal als Vorlage nachbauen, kann man bestimmt mal gebrauchen. Schlimm genug oder soll ich noch mal nachbessern? Leider erlauben Pixelfed und Mastodon kein SVG daher als PNG.<a href="https://chaos.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kerning</a> <a href="https://chaos.social/tags/ocd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ocd</a>

David JONESI have reached the "the /b can have a little kern, as a treat" stage of my font. <a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Gerrit van AakenSo funktioniert eine digitale Uhr eigentlich nicht. <a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> You’re not a CSS developer without a reset · A CSS reset can also elevate your typesetting <a href="https://ilo.im/160pq6" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/160pq6</a>_____ <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssReset</a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Scrolling</a> <a href="https://mastodon.social/tags/Spacing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Spacing</a> <a href="https://mastodon.social/tags/Typesetting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typesetting</a> <a href="https://mastodon.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kerning</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Lauren Lopes - AuthorFormatting inconsistencies actually hurt me on a physical levelYou could probably wound me with an ugly PowerPointI feel so strongly about this, I made some helpful graphics<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/GraphicDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GraphicDesign</a> <a href="https://mastodon.social/tags/Designer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Designer</a> <a href="https://mastodon.social/tags/Fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fonts</a> <a href="https://mastodon.social/tags/Formatting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Formatting</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kerning</a> <a href="https://mastodon.social/tags/Leading" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Leading</a>

Jens KutílekMy son (9) noticed a missing kern pair in a novel. That's my boy! The book is “The Neverending Story”. We had a different edition when we were kids, much nicer. It had full page chapter initals with illustrations, and was set in Stempel Garamond IMHO one of the best book typefaces, together with Aldus. But apparently the book has been re-typeset (likely thanks to the 1996 German spelling reform), and uses Palatino now, which unfortunately isn’t a good choice. <a href="https://typo.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://typo.social/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#books</a>

Sam at BLAG<a href="https://vis.social/@jhilden" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jhilden</a> Here's a variant on the theme from xkcd: <a href="https://www.xkcd.com/1015/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.xkcd.com/1015/</a>.I included this within a wider collection of cartoons with sign painting, lettering, and typographic themes at <a href="https://bl.ag/cartoons" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bl.ag/cartoons</a>.<a href="https://typo.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://typo.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://typo.social/tags/cartoons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cartoons</a> <a href="https://typo.social/tags/humour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#humour</a>

Mark A. RaynerTypography: it matters!<a href="https://mas.to/tags/weird" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#weird</a> <a href="https://mas.to/tags/signs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#signs</a> <a href="https://mas.to/tags/humor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#humor</a> <a href="https://mas.to/tags/humour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#humour</a> <a href="https://mas.to/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mas.to/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://mas.to/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

Jens Oliver MeiertCSS typography:Is there any practical difference between `font-kerning: normal` and `font-kerning: auto`, the default?Tested the MDN test case at <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning</a> in eight browsers (macOS and Android), and there’s no conceivable difference.If that’s the case—and I’m not saying it’s bad—, then there’s no point using `font-kerning` unless one wants to opt *out*.<a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mas.to/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a>

luap42Ke ming is my passion<a href="https://chaos.social/tags/kerning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#kerning</a> <a href="https://chaos.social/tags/OhNoAPun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OhNoAPun</a>

Recent searches

Search options

Administered by:

Server stats:

#kerning