WP font-face
[resolved] How to upload font packages? (8 posts)

  1. Homeschool101
    Posted 2 years ago #

    This is a total newbie question... but step 4 of the directions is:

    4. Upload generated packages to plugin '/font/' folder

    How do I do this? Is it something that needs to be done on Filezilla or can I do it through the WordPress dashboard?


  2. megieswin
    Posted 2 years ago #

    same Q here

  3. burleighgirly
    Posted 2 years ago #

    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!

  4. opicron
    Plugin Author

    Posted 2 years ago #

    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!

  5. premmarga
    Posted 2 years ago #

    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.

  6. burleighgirly
    Posted 2 years ago #

    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!

  7. premmarga
    Posted 2 years ago #

    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

  8. razoredger
    Posted 2 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP font-face
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic