Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -48,15 +48,15 @@ <h2>How to Use</h2>
}
</code></pre></li>
<li><p>Now, any text that has or inherits the font-family 'StateFaceRegular' style will appear as a state shape. See the character reference below to know which letter will draw which state, or <a href="http://propublica.github.com/stateface/reference/stateface.json">download the handy json file</a> for programmatic access.</p></li>
<li><p>As an alternative to the StateFace code, you can use the <a href="stateface.css">stylesheet</a> put together by <a href="https://github.com/paulsmith">Paul Smith</a> to add CSS classes that correspond to a stateface's two-letter USPS abbreviation.</p></li>
<li><p>As an alternative to the StateFace code, you can use the <a href="reference/stateface.css">stylesheet</a> put together by <a href="https://github.com/paulsmith">Paul Smith</a> to add CSS classes that correspond to a stateface's two-letter USPS abbreviation.</p></li>
</ol>


<p>If you just want the OpenType font to use in a print layout you can <a href="http://propublica.github.com/stateface/font/StateFace-Regular.otf">download it here</a>.</p>

<h2>CSS Replacement</h2>

<p><a href="https://github.com/paulsmith">Paul Smith</a> put together a <a href="stateface.css">stylesheet</a> that allows for css-based replacement (or prepending) of text. For example, for replacement you'd use:</p>
<p><a href="https://github.com/paulsmith">Paul Smith</a> put together a <a href="reference/stateface.css">stylesheet</a> that allows for css-based replacement (or prepending) of text. For example, for replacement you'd use:</p>

<pre><code> &lt;span class="stateface stateface-replace stateface-{abbrev}"&gt;{statename}&lt;/span&gt;
</code></pre>
Expand Down
4 changes: 2 additions & 2 deletions reference/reference.mdown
Original file line number Diff line number Diff line change
Expand Up @@ -36,13 +36,13 @@ The easiest way to use StateFace on the web is to use FontSquirrel's technique t

3. Now, any text that has or inherits the font-family 'StateFaceRegular' style will appear as a state shape. See the character reference below to know which letter will draw which state, or [download the handy json file](http://propublica.github.com/stateface/reference/stateface.json) for programmatic access.

4. As an alternative to the StateFace code, you can use the [stylesheet](stateface.css) put together by [Paul Smith](https://github.com/paulsmith) to add CSS classes that correspond to a stateface's two-letter USPS abbreviation.
4. As an alternative to the StateFace code, you can use the [stylesheet](reference/stateface.css) put together by [Paul Smith](https://github.com/paulsmith) to add CSS classes that correspond to a stateface's two-letter USPS abbreviation.

If you just want the OpenType font to use in a print layout you can [download it here](http://propublica.github.com/stateface/font/StateFace-Regular.otf).

## CSS Replacement

[Paul Smith](https://github.com/paulsmith) put together a [stylesheet](stateface.css) that allows for css-based replacement (or prepending) of text. For example, for replacement you'd use:
[Paul Smith](https://github.com/paulsmith) put together a [stylesheet](reference/stateface.css) that allows for css-based replacement (or prepending) of text. For example, for replacement you'd use:

<span class="stateface stateface-replace stateface-{abbrev}">{statename}</span>

Expand Down