Useful links: Influence, Font Previewer

From The Access Point, a listing of the most influential women’s voices on the web.

ABIE from Access Communications

The Access Point is using the post/graphic to bring attention to their new  ranking tool, ABIE, that “determines online influence based not only on data from the top ‘ranking’ services out there, but also on factors such as audience engagement levels and the frequency original content is shared across the social Web.” I don’t see where they’ve done a similar thing for influential men.

Google Font Previewer is super helpful. As I mentioned in an earlier article, Embedding fonts the Google way, it’s very easy to use fonts from the Google font directory. Now Google has provided an app that lets you pick one of their fonts, apply some CSS3 text-shadow, and set a few spacing options. You see how it looks in the preview.  It spits out some code you can copy.

This font is called Lobster. Here’s how I made it look in the preview.

words set in lobster font

This is the code the app provided:

<link href="//fonts.googleapis.com/css?family=Lobster:regular" rel="stylesheet" type="text/css" >
<style>
body {
font-family: 'Lobster', serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
text-shadow: 2px 2px 2px #aaa;
text-decoration: none;
text-transform: none;
letter-spacing: 0.024em;
word-spacing: 0em;
line-height: 1.13em;
}
</style>

The code could use a bit of editing to remove unused properties (e.g. text-transform: none;), but it is a time-saver to see how text is going to look with the text-shadow styling.

Leave a Reply