Support » Plugin: WP font-face » How to upload font packages?

Viewing 7 replies - 1 through 7 (of 7 total)
  • same Q here

    I’ve just started using this plugin, and found this step confusing as well. The basic steps to follow are:

    1. Generate and download the font package from font squirrel
    2. Unzip the font package (important!)
    3. Through your web hosting’s CPanel, go to your file manager. Navigate to the following folder from your website’s root directory (or the folder from which you have installed wordpress: /wp-content/plugins/wp-font-face/fonts
    4. Create a new folder for your fonts. It doesn’t really matter what you call it, but something identifiable may help you in the future
    5. Upload ALL the unzipped files you have downloaded. I didn’t do this initially, but uploading all the files actually made it work 🙂
    6. Check the stylesheet you unzipped and ensure that you are referencing the new font correctly (as under font-family: ‘xxx’). It may not be what you think it is!
    7. Make the changes to your CSS, or the custom CSS area provided in the plugin.

    Hope this helps!

    The plugin is now working perfectly for me – and I’m so happy I found it!

    Plugin Author opicron


    Thank you burleigirly for your help. I should really update some installation texts with a full howto. But time is precious at the moment.

    For uploading you can use a FTP program or use your hostings dashboard. Good point to mention that the files should be extracted.

    Some things I take for granted should actually be noted down. Sorry people!

    Hello burleighgirly, thank you for the description.
    I did everything like this, and I also can see the font in the style from Tiny mce advanced. But it doesn´t change my text. only the daniel is working.
    Now I don´t know why it is needed to do step 7…
    maybe someone can explain to me.

    Hi premmarga

    To use the stylesheet provided with the plugin, go to Settings > FontFace from you WordPress dashboard.

    For example, you might want to make changes to all the Level 1 headings. So you might use:

    h1 {
    font-family: "Your New Font", sans-serif;

    If this doesn’t work, go back to step 6 and check the font name in the stylesheet provided with the Font Squirrel download package. For example, I’m using the Devroye font. But when I check my stylesheet, it’s actually being referenced as “DevroyeExtraRegular” – so referencing it as “Devroye” won’t have any effect.

    If you have the font name right, inspect the element that you are trying to modify in your browser (right-click and select Inspect element on your actual page), and check what specific element it is e.g. it might be

    .widget-container h3

    that you need to reference, and not just a plain h3 element.

    Good luck!

    Thank you for your answer, but I started using the plugin fontmeister already, it is a bit easier for me to work with. But even here not all the fonts from fontsquirrel are working…
    but I will keep your answer in mind. and try it out when I have time.
    greeting from blackforest germany

    burleighgirly, thank you for posting your successful install instructions. It works!

    What appears clear is that the plugin is actually using custom fonts stylesheet.css to override theme fonts and then tags on the custom css added in the box on the settings page.

    The correct path is indeed plugins/wp-font-face/fonts/yourfontdirectory

    Happy Coding!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to upload font packages?’ is closed to new replies.