An icon font that allows you to create a scalable cityscape with HTML5 and CSS3. View demo at http://codepen.io/nydame/pen/nzfqc. I created Cityscape vector files using Adobe Illustrator, and generated the font, css and js files with Keyamoon's IcoMoon app.
Cityscape is easy to use.
- Wherever you want to put a Cityscape character, create an empty span in your HTML like so:
<span aria-hidden="true" data-icon="xxx"></span>
substituting the desired Unicode entity for xxx. (See chart.) - Upload cityscape.css to your website and either link to it in the head element of your HTML, or import it from another CSS file.
- Upload the cityscape-fonts folder alongside cityscape.css.
- [optional] Upload lte-ie7.js and link to it if you need to support older versions of Internet Explorer.
| Character | Entity |
|---|---|
 |  |
 |  |
 |  |
 |  |
 |  |
 |  |
 |  |
 |  |
 |  |
 |  |
This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
