Add Google Font span style

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15774
    asapelearning
    Participant

    I would like to add one of the Google Fonts to my stylesheet as a span style that can be called from any page. I don’t want to change my Theme Options, as this will be a different Google Font than one I’ve specified there.

    I’ve looked around the back end a bit and it appears that even though all of the Google Fonts are listed in the Theme Options, only the ones that you select there are imported onto the web page. Where do I list additional Google Fonts to be added to my import list? Which file should I add the import code to?

    #15782
    Veena
    Moderator
    #15792
    asapelearning
    Participant

    So even though you have Google fonts installed elsewhere in the theme, I need to create my own font folder and upload them there in order to use ones that I don’t list in my Theme Options? I thought this would be duplicating the code that exists elsewhere, but I can do that. Thanks for your quick reply.

    #15801
    Raghavendra
    Moderator

    If all you want to do is to import some google font other than the ones listed in the theme options, you can copy the import code provided by

    https://www.google.com/fonts#QuickUsePlace:quickUse

    site for that particular font and paste it into child style.css file. For example, you would have the below code entered

    @import url(http://fonts.googleapis.com/css?family=Open+Sans);

    for Open Sans in style.css file and then you may use that font family wherever you need to. You can also enter this font name in the Fonts Tab of theme options as part of Custom Heading Font or Custom Body Font for headings or body.

    Hope this helps.

    #15807
    asapelearning
    Participant

    Thanks! That is exactly what I was looking for.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add Google Font span style’ is closed to new replies.