milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
916 stars 196 forks source link

Adding new Items of Foundation (Fonts and Icons) #84

Closed NRG-R9T closed 12 years ago

NRG-R9T commented 12 years ago

This is not an issue, more of a question of understanding, how Reverie integrates Foundation into Wordpress. Reverie is really amazing and I thank @milohuang very much! I enjoy to use the foundation magic to quickly and easly style the sites. It makes me hungry for more, especially when I check Zurb's Playground, like this:

http://www.zurb.com/playground/foundation-icons

I can't get this running. I added the CSS (first into Foundation.css, second into Style.css, then put the file into the CSS folder and called it from functions.php) and Font Folder containing the fonts into the theme index folder - no success. probably by enenque it would be the way to go, but I missed it.

     wp_register_style( 'style',get_template_directory_uri() . '/stylesheets/foundation-icons-social.css', false );
     wp_enqueue_style( 'style' );

even more nice is this: http://www.zurb.com/playground/social-webicons

But, I don't fully understand how this could be integrated into reverie, it's not just like adding icons into some places in wordpress.

Thanks in advance, I hope this also helps others to spice up their designs. the responsive design philosophy is seriously challenging, but very satisfying. most of the existing wordpress design help content on the web is simply unusable now.

milohuang commented 12 years ago

Copy and paste the css from the demo file you download to style.css. Remember to change the url to the folder where you put the fonts. Then you are ready to go. Use <span class="glyph [set-name]">a</span> to do the magic.

NRG-R9T commented 12 years ago

thanks for the fast response! :) I think I got the URL wrong.