How do I use downloaded font in Nextgen stylesheet?

  • Resolved BetsyS

    (@betsys)


    11 years, 11 months ago

    So, I copied the Nextgen default stylesheet into a new file called nggallery.css and put it in my theme folder. (I mean, it’s literally inside the folder which contains my twentytwelve child theme, not just inside the WordPress “themes” folder.)

    Anyway, I also have the font files inside that child theme folder, because in my child theme I do some @fontface styling. I want to use on of those fonts for the album titles on the NextGen gallery. But so far I don’t get how to make these things all talk to each other.

    Is the Nextgen stylesheet which I put in my themes folder active? Or is that just a stashing place, like a backup?

    Where does the active Nextgen stylesheet live, so that I can put the font files in the same folder with it?

    Does that all make sense? I’m so new to this. My brain hurts.

    Thanks for any help. The page I’m fiddling with is here.

    https://www.ads-software.com/extend/plugins/nextgen-gallery/

Viewing 3 replies - 1 through 3 (of 3 total)

  • You’ll need to install the fonts first. Simply uploading them to your plugin folder won’t work.

    There’s different ways to install fonts. https://www.fontsquirrel.com/fontface/generator

    Use this tutorial for custom font files

    Once you’ve installed the fonts, you can change the font family or add a font family style in your plugins style sheet and backup the file so the changes won’t be lost when you update the plugin.

    Copying the ngg css file to your child theme may not work. You’ll need to test it in the default location

    Thread Starter BetsyS

    (@betsys)

    Hi. Thanks for replying.

    I guess I didn’t ask my question clearly.

    I already installed these fonts, which are from fontsquirrel. They are working beautifully on my site itself.

    The way you install fonts is to put the font files (which you get from fontsquirrel’s font-generator) into the same folder as your stylesheet. Then you add additional styling to your css with @fontface.

    So what I’m trying to figure out is: Where is the stylesheet for NextGen default styles? Once I know where that is, I can put the font files in the same folder.

    Thread Starter BetsyS

    (@betsys)

    OK, never mind. I finally found it. The NextGen stylesheets are in this folder:

    public_html/wp-content/plugins/nextgen-gallery/css

    Just in case anyone else is trying to figure the same thing out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I use downloaded font in Nextgen stylesheet?’ is closed to new replies.