<story><title>Symbolset - symbol font using clever opentype ligature hack</title><url>http://symbolset.com/</url></story><parent_chain></parent_chain><comment><author>dkulchenko</author><text>Having trouble figuring out the license (&lt;a href=&quot;http://symbolset.com/license/&quot; rel=&quot;nofollow&quot;&gt;http://symbolset.com/license/&lt;/a&gt;), specifically: &quot;You may not under any circumstances embed the licensed fonts into software or hardware products in which the fonts will be used by the purchasers of such products.&quot;&lt;p&gt;By that are they only restricting adding the font as a selectable font for writing (i.e. WYSIWYG editors) or can you not use the font in your own software in any case?</text></comment>
<story><title>Symbolset - symbol font using clever opentype ligature hack</title><url>http://symbolset.com/</url></story><parent_chain></parent_chain><comment><author>duopixel</author><text>Perhaps it should also include a non-ligature way of displaying icons. In current accessibility practices, when you place a description after its image you are supposed to include an empty alt attribute.&lt;p&gt;So say you have social icons...&lt;p&gt;&lt;pre&gt;&lt;code&gt;  ◈ Facebook

  ◈ Twitter
&lt;/code&gt;&lt;/pre&gt;
You are supposed to write&lt;p&gt;&lt;pre&gt;&lt;code&gt;  &amp;#60;img alt=&quot;&quot; /&amp;#62; Facebook

  &amp;#60;img alt=&quot;&quot; /&amp;#62; Twitter
&lt;/code&gt;&lt;/pre&gt;
As to cue screen readers to not read out loud filename or the alt attribute.&lt;p&gt;In this case Symbolset works as the alt property of images, so you would do something like...&lt;p&gt;&lt;pre&gt;&lt;code&gt;  &amp;#60;span class=&quot;icon&quot;&amp;#62;Facebook&amp;#60;/span&amp;#62; Facebook

  &amp;#60;span class=&quot;icon&quot;&amp;#62;Twitter&amp;#60;/span&amp;#62; Twitter
&lt;/code&gt;&lt;/pre&gt;
Which wouldn&apos;t be right.</text></comment>