WordPress.org

Ready to get started?Download WordPress

Forums

Using @font-face in wordpress.org (5 posts)

  1. msanguinetti
    Member
    Posted 3 years ago #

    Hello,

    I've searched through Google and WP.org forums a fair amount but can't seem to come to a conclusive answer (mainly because everything I have turned up is ~12months old) and am now turning to you:

    Does WordPress allow use of @font-face to embed non-traditional fonts into webpages?

    I used the fontsquirrel.com generator, downloaded the fontkit, placed the font files in my root directory, added the declaration code into my css and then used the new fonts in the html as I would with Helvetica, Arial, etc but it isn't working.

    I found some evidence online that suggested that since WP is dynamic, and not static, it will not support @font-face. At this point, I would like to know if the error is on my end or if this is a worthless endeavor because of WP limitations.

    Any help would be much appreciated!

  2. Joseph
    Member
    Posted 3 years ago #

    I don't see how this has anything to do with wordpress. Wordress (PHP) is server-side and CSS is client-side.

    http://perishablepress.com/press/2010/04/14/visual-walkthrough-font-face-css/ uses both wordpress and @font-face.

  3. Mark / t31os
    Moderator
    Posted 3 years ago #

    It's a CSS feature, there are no CSS restrictions in WordPress that would prevent CSS you can use in a regular HTML file to not work inside the WordPress environment.

    I've also recently worked on a users theme that implements font-faces(i'd not used it myself before then), so i can tell you for sure it most certainly does work..

    This is also a pretty good write-up, if you've not seen it already..
    http://wpmu.org/beautiful-typography-for-wordpress-and-buddypress-using-the-font-face-rule/

  4. msanguinetti
    Member
    Posted 3 years ago #

    Alright, this confirms that the error is on my end. Thanks guys.

  5. TonyB67
    Member
    Posted 2 years ago #

    I am new and having the same problem with the @font-face rule, I don't know where to install the fonts, is it right in the folder where my theme resides ? Font's are showing up in Chrome and Safari (I am working on a MAMP stack) but not in Firefox

Topic Closed

This topic has been closed to new replies.

About this Topic