<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>:hover gives a lot more visual control than tooltips, which invariably come in golf pants yellow. Given that we can use @font-face pretty freely, given the audience for the site, this seems like an opportunity.</div><div><br></div><div>-J</div><br><div><div>On Jul 31, 2009, at 12:02 PM, James Weiner wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>I agree with Joshua on this</div><div><br></div><div>keep them monochrome along with the rest of the design. As long as it is clear what each stands for and is easy to figure out their meaning via mouseover, either with a :hover pseudo-class or a title tooltip</div><div><br></div><div>James</div><br><div><div>On 31 Jul 2009, at 17:00, Joshua A.C. Newman wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Nothing else on the site uses colors to distinguish things. It would make these elements stand out dramatically.<div><br></div><div>I don't see why tooltips or a mouseover div wouldn't solve this issue without bulking up the icon.</div><div><br></div><div>-J</div><div><br><div><div>On Jul 31, 2009, at 5:30 AM, Dave Crossland wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><p>So do we have consensus on these icons with the full acronym as text next to it?</p><p>Only query I have remaining is if we keep all 3 as black or have different colors?</p><div><br class="webkit-block-placeholder"></div><blockquote>On 31 Jul 2009, 10:26 AM, "Nicolas Spalinger" <<a href="mailto:nicolas_spalinger@sil.org">nicolas_spalinger@sil.org</a>> wrote:<br><br><p><font color="#500050">Dave Crossland wrote: > Full acronyms as text next to the icon is good, but again, I think > you're ...</font></p>I see your point and you can probably understand where I'm coming from<br> on this but licensing clarity is really a major feature of the whole<br> library.<br> <br> This might be a small illustration, and we already have full reports on<br> the page of the font itself but seeing as clearly as possible what<br> rights are granted or reserved right there in the list of fonts is also<br> needed.<br> <br> We care about good licensing and about not hiding it to<br> users/contributors of the site, it's part of what makes this service<br> stand out compared to existing font portals. Especially as the webfonts<br> debate matures and recognizes the value of showing the right metadata to<br> users...<br> <br> There are at least 4 well-known and widely used licenses starting with G...<br><p><font color="#500050"> -- Nicolas Spalinger, NRSI volunteer Debian/Ubuntu font teams / OpenFontLibrary </font></p><a href="http://planet.open-fonts.org" target="_blank">http://planet.open-fonts.org</a><br> <br> <br> </blockquote><div><br class="webkit-block-placeholder"></div></blockquote></div><br><div> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Gill Sans'; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div style="text-align: right; "><a href="http://joshuanewmandesign.com/"><font class="Apple-style-span" color="#FF5903">Joshua Newman Design</font></a></div><div style="text-align: right; ">401.225.7222</div></div></div></span> </div><br></div></div></blockquote></div><br><div apple-content-edited="true"> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><br class="Apple-interchange-newline">--</div><div>James Weiner</div><div>+44 7713 005 056</div><div>Unicorn Creative | <a href="http://unicorncreative.com">http://unicorncreative.com</a></div></span></div></span></div></span></div></span></div></span></div></span></div></span> </div><br></div></blockquote></div><br><div> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Gill Sans'; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div style="text-align: right; "><a href="http://joshuanewmandesign.com/"><font class="Apple-style-span" color="#FF5903">Joshua Newman Design</font></a></div><div style="text-align: right; ">401.225.7222</div></div></div></span> </div><br></body></html>