Article https://rwt.io/ en OpenType Font Features Guide https://rwt.io/resources/article/opentype-font-features-guide <span>OpenType Font Features Guide</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Tue, 10/30/2018 - 12:08</span> <p>Font features or variants refer to different glyphs or character styles contained within an OpenType font. These include things like ligatures (special glyphs that combine characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of others. This article provides you with all you need to know about using OpenType font features in CSS for better typography.</p> Article Jason Pamental <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/OpenType_fonts_guide">OpenType Font Features Guide on MDN</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> </div> Tue, 30 Oct 2018 16:08:42 +0000 jpamental 156 at https://rwt.io Variable Fonts Guide https://rwt.io/resources/article/variable-fonts-guide <span>Variable Fonts Guide</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Wed, 09/05/2018 - 12:11</span> <p><strong>Variable fonts</strong> are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. This article will give you all you need to know to get you started using variable fonts.</p> Article Jason Pamental <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide">Variable Fonts Guide on MDN</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/variable-fonts" hreflang="en">Variable Fonts</a> <a href="/topics/typography" hreflang="en">Typography</a> </div> Wed, 05 Sep 2018 16:11:48 +0000 jpamental 157 at https://rwt.io An Exploration of Variable Fonts https://rwt.io/resources/article/exploration-variable-fonts <span>An Exploration of Variable Fonts</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Sat, 08/18/2018 - 18:23</span> <p>Mathieu is a creative technologist with the BBC, and wrote a really great post about their explorations of variable fonts stemming from a workshop they did with David Jonathan Ross. I’m really excited about where this might lead!</p> Article Mathieu Triay <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://blog.prototypr.io/an-exploration-of-variable-fonts-37f85a91a048">Read it on Medium</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> <a href="/topics/variable-fonts" hreflang="en">Variable Fonts</a> </div> Sat, 18 Aug 2018 22:23:42 +0000 jpamental 140 at https://rwt.io Evolution of Typography with Variable Fonts published on Monotype.com https://rwt.io/resources/article/evolution-typography-variable-fonts-published-monotypecom <span>Evolution of Typography with Variable Fonts published on Monotype.com</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Tue, 08/07/2018 - 12:01</span> <p>I originally wrote this essay as part of the FF Meta variable font demo that Monotype commissioned me to create. It’s now been published on the main Monotype.com site in their resources section. Really pleased with how well-travelled this article has become!</p> Article Jason Pamental <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://www.monotype.com/resources/articles/the-evolution-of-typography-with-variable-fonts">Monotype.com link</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> <a href="/topics/variable-fonts" hreflang="en">Variable Fonts</a> </div> Tue, 07 Aug 2018 16:01:32 +0000 jpamental 86 at https://rwt.io Obnoxiously Readable Responsive Text with Viewport Units https://rwt.io/resources/article/obnoxiously-readable-responsive-text-viewport-units <span>Obnoxiously Readable Responsive Text with Viewport Units</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Tue, 05/01/2018 - 09:41</span> <p>Zach does some great exploration of viewport units and various permutations for sizing larger text. Reported can now read his blog titles from space. Unconfirmed.</p> Article Zach Leatherman <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="https://www.zachleat.com/web/obnoxiously-readable/">Read more on Zach&#039;s site</a> </p> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> </div> Tue, 01 May 2018 13:41:18 +0000 jpamental 137 at https://rwt.io Life of <p> https://rwt.io/resources/article/life <span>Life of &lt;p&gt;</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">jpamental</span></span> <span>Fri, 02/12/2016 - 08:49</span> <p>How can we build a better web experience? By unboxing the fascinating history of the paragraph, and figuring out how to best apply it in our interactive work today. (My talk on the history of the paragraph, in article form, from the Fall 2015 issue of PRINT Magazine)</p> Article Jason Pamental <p class="field field--name-field-resource-content field--type-entity-reference-revisions field--label-hidden field__items"> <a href="http://www.printmag.com/in-print/history-of-paragraph/">Read it on the PRINT Magazine site</a> </p> <article> <img srcset="/sites/default/files/styles/max_325x325/public/p1-600x594.jpg?itok=fAW4nLFa 325w, /sites/default/files/styles/max_650x650/public/p1-600x594.jpg?itok=ShKoLGjB 600w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" class="image" srcset="/sites/default/files/styles/max_325x325/public/p1-600x594.jpg?itok=fAW4nLFa 325w, /sites/default/files/styles/max_650x650/public/p1-600x594.jpg?itok=ShKoLGjB 600w" sizes="(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw" src="/sites/default/files/styles/max_325x325/public/p1-600x594.jpg?itok=fAW4nLFa" alt="Pilcrows in use" /> </article> <div class="block-header-rule p-width-limit topic-links-list field field--name-field-tags field--type-entity-reference field--label-above field__items"> <h3 class="field__label">Topics</h3> <a href="/topics/typography" hreflang="en">Typography</a> </div> Fri, 12 Feb 2016 13:49:40 +0000 jpamental 37 at https://rwt.io