<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (Aetles)</title>
    <link>https://pinboard.in/u:Aetles/public/</link>
    <description>recent bookmarks from Aetles</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align"/>
	<rdf:li rdf:resource="http://www.kennethcachia.com/shape-shifter/"/>
	<rdf:li rdf:resource="http://alistapart.com/article/the-era-of-symbol-fonts"/>
	<rdf:li rdf:resource="http://timepiece.inostudio.de/"/>
	<rdf:li rdf:resource="http://blogs.adobe.com/typblography/2012/09/source-code-pro.html"/>
	<rdf:li rdf:resource="http://css-tricks.com/flat-icons-icon-fonts/"/>
	<rdf:li rdf:resource="http://www.fontshop.com/blog/newsletters/dec2011c/"/>
	<rdf:li rdf:resource="http://www.youthedesigner.com/2011/11/22/30-sleek-fonts-for-your-minimalist-design/"/>
	<rdf:li rdf:resource="http://cssfontstack.com/"/>
	<rdf:li rdf:resource="http://www.justbenicestudio.com/studio/websymbols/"/>
	<rdf:li rdf:resource="http://www.veer.com/products/typedetail.aspx?image=UMT0000149"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align">
    <title>Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira</title>
    <dc:date>2017-02-17T21:28:20+00:00</dc:date>
    <link>http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.
For example, line-height can be set as a length or a unitless value 1, but the default is normal. OK, but what normal is? We often read that it is (or should be) 1, or maybe 1.2, even the CSS spec is unclear on that point. We know that unitless line-height is font-size relative, but the problem is that font-size: 100px behaves differently across font-families, so is line-height always the same or different? Is it really between 1 and 1.2? And vertical-align, what are its implications regarding line-height?
Deep dive into a not-so-simple CSS mechanism…]]></description>
<dc:subject>css font line-height typography webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:8ae59f6dd548/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:line-height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.kennethcachia.com/shape-shifter/">
    <title>Shape Shifter</title>
    <dc:date>2013-05-14T12:23:32+00:00</dc:date>
    <link>http://www.kennethcachia.com/shape-shifter/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Shape Shifter

An experiment by Kenneth Cachia.]]></description>
<dc:subject>css font animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:b278e10982c9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://alistapart.com/article/the-era-of-symbol-fonts">
    <title>The Era of Symbol Fonts · An A List Apart Article</title>
    <dc:date>2013-03-14T18:44:41+00:00</dc:date>
    <link>http://alistapart.com/article/the-era-of-symbol-fonts</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Improving performance is a constant process. First we ditched tables, spacer gifs, and inline markup such as the <font> element in favor of CSS, reducing page sizes, and separating style from layout. Then we became aware of all our DNS requests, caching, and the total number of files and started using CSS sprites, moving many small images out of the HTML and into a single background image.

Embedding a symbol font lets us move some of those tiny icons into a single font file rather than a sprite. This has the same caching and file size benefits as a CSS sprite, as well as some additional benefits we’re only now realizing with high-resolution displays. In this article, I’ll walk you through some of the advantages and issues you’ll encounter when using a symbol font.]]></description>
<dc:subject>font fonts webdesign icons webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:86733f6a30eb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://timepiece.inostudio.de/">
    <title>Timepiece rounded | An Opentype Font displaying Time as an analogue Clock</title>
    <dc:date>2013-03-12T21:32:15+00:00</dc:date>
    <link>http://timepiece.inostudio.de/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Timepiece Rounded

is an OpenType-Font, which displays time – like 17:23:25 – as an analogue Timepiece.
It comes in three different flavours:
1. The Future Is Near 2. Miss Swiss 3. Blackförest (Clockwise, what else)]]></description>
<dc:subject>font fonts typography time webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2eac12017444/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:time"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blogs.adobe.com/typblography/2012/09/source-code-pro.html">
    <title>Announcing Source Code Pro « Typblography</title>
    <dc:date>2012-10-11T08:42:45+00:00</dc:date>
    <link>http://blogs.adobe.com/typblography/2012/09/source-code-pro.html</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[One particularly surprising aspect of Source Sans’s release was the amount of interest generated by the teaser graphic of the monospaced version. It seemed that this generated about as much buzz as the fonts that we released. Brackets, the open source code editor created by Adobe, has just recently implemented the regular weight of Source Code into their project. Likewise, the font will be integrated into Adobe Edge Code, which was announced this morning at our Create the Web event in San Francisco. The complete family of six weights will also be available as part of our new Adobe Edge Web Fonts service, which was just announced this morning.


Why monospace?
As a font developer, I spend a good chunk of each day coding in a text editor and reading output messages from a terminal window, so I can appreciate the importance of a good monospaced font. Of course there is no technical limitation to using monospaced fonts when coding, but it is a very useful convention. When the Brackets team reached out to us on the Adobe type team, asking if we could develop a coding font for their open source application, we thought it made sense to adapt Source Sans, which I was working on at the time. Personally, I felt that I could use this opportunity to create a coding font that I would want to use myself. Given the existing family name, I couldn’t resist the opportunity to name the monospaced variant designed for coding applications Source Code.]]></description>
<dc:subject>font fonts programming typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:69ece7f75860/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/flat-icons-icon-fonts/">
    <title>Flat Icons &amp; Icon Fonts | CSS-Tricks</title>
    <dc:date>2012-04-04T09:08:07+00:00</dc:date>
    <link>http://css-tricks.com/flat-icons-icon-fonts/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Flat Icons & Icon Fonts

There are many such roundups. This one is mine.

Icon Fonts... are awesome. They typically come with standard vectors as well if you prefer working with them that way, but these icon projects go the extra mile in offering an @font-face compatible font for web use.]]></description>
<dc:subject>css design font fonts icons</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:42c44e0a721e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.fontshop.com/blog/newsletters/dec2011c/">
    <title>FontShop Newsletter | December 21, 2011</title>
    <dc:date>2011-12-22T23:59:04+00:00</dc:date>
    <link>http://www.fontshop.com/blog/newsletters/dec2011c/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[FontShop's Best Typefaces of 2011
Another year has whizzed by! While last year saw the real breakthrough for webfonts, this year we witnessed the introduction of mobile fonts and the promise of more diversity and typographic refinement in mobile apps. Yet the news in type was not dominated only by technology. Our beloved type designers cooked up delicious new digital faces for FontShop’s menu of typographic treats.

To celebrate the end of another exciting year in type, our type experts put their heads together to compile our annual “Best Of” list, highlighting the typefaces that surprised, impressed, and delighted us. (And if the “Best Of“ list whets your appetite for fonts, check our Newsletter Archive for more morsels. All this year’s new typefaces are in there.)]]></description>
<dc:subject>design font typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:6ecff2a55a2f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.youthedesigner.com/2011/11/22/30-sleek-fonts-for-your-minimalist-design/">
    <title>30 Sleek Fonts for your Minimalist Design | You the Designer</title>
    <dc:date>2011-11-22T21:53:48+00:00</dc:date>
    <link>http://www.youthedesigner.com/2011/11/22/30-sleek-fonts-for-your-minimalist-design/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[The minimalist style is rampant in the design industry. But just because it has become increasingly popular doesn’t mean that it’s that simple to practice. Anyone can try doing it, but not everyone can achieve it.
One of the most essential elements in a minimalist design is typography. Let’s face it, you can’t do justice to minimalism with pre-installed fonts like Arial, Century Gothic, Georgia, Verdana, Times New Roman, and etc. But frown no more! Here are 30 sleek fonts you can download for free that could fit perfectly on your minimalist designs.
Just remember that each of these fonts will blend differently with different elements. Try out several samples for your design and don’t be afraid to experiment with your font’s sizes, spacing, leading or kerning as well. Enjoy!]]></description>
<dc:subject>font fonts typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:98f097f156ea/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://cssfontstack.com/">
    <title>CSS Font Stack - The long awaited CSS font stack resource.</title>
    <dc:date>2011-11-15T19:44:51+00:00</dc:date>
    <link>http://cssfontstack.com/</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css font fonts typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:d96ef251f057/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.justbenicestudio.com/studio/websymbols/">
    <title>Web Symbols typeface</title>
    <dc:date>2011-11-09T11:34:14+00:00</dc:date>
    <link>http://www.justbenicestudio.com/studio/websymbols/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[There are those points in every interactive designer’s career when he becomes fed up with producing the same set of graphics all over again for every website he designs. It could be the social network icons, gallery arrows or any number of his «signature» butterflies for the footer of each of his projects. Similar for interactive developers that have to slice the same GIFs and PNGs each time art-director asks them to.

Until now. We want creative people to spend time on creative things. So we came up with the typeface that includes all frequently used iconographics and symbols. Although, the idea is not hot-baked — Webdings and Windings have been around for quite a time — all of them have a lot of unnecessary and sometimes actually scary symbols.

Web Symbols is a set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure).]]></description>
<dc:subject>design font icons symbols webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:68cc766688bf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:symbols"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.veer.com/products/typedetail.aspx?image=UMT0000149">
    <title>Veer: Products: Type: Ministry Script</title>
    <dc:date>2006-01-29T02:49:45+00:00</dc:date>
    <link>http://www.veer.com/products/typedetail.aspx?image=UMT0000149</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Otroligt vackert scripttypsnitt: Ministry Script hos Veer.
]]></description>
<dc:subject>typsnitt teckensnitt font script skrivstil Typografi</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:6b7f93909971/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typsnitt"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:teckensnitt"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:script"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:skrivstil"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Typografi"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>