Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1323604

    carbon14
    Participant

    Hi.

    I have made a custom blockqoate, but am having trouble changing the font. I have tried all of x google fonts, but non is working. I want Google font Caveat or Parisienne but the code from google is not working.

    Any ideas.

    #1323737

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! Click on the @import tab and then you can add it under Customizer, Custom > CSS area.

    Example:
    @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);

    Then you can apply it to any element.

    
    h1, .h1 {
        font-family: 'Grand Hotel', cursive;
    }
    

    Hope that’s clear.

    #1323829

    carbon14
    Participant

    Sorry, not experienced coder, but the @import code, do I place that in the global css?
    I tried that, but it didn´t work

    #1323886

    Thai
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link login to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1323924

    carbon14
    Participant
    This reply has been marked as private.
    #1323991

    Thai
    Moderator

    Hi There,

    I added the following CSS under style.css file locates in your child theme, it seems to work fine :

    @import url('https://fonts.googleapis.com/css?family=Grand+Hotel');
    
    h2, .h2 {
        font-family: 'Grand Hotel', cursive !important;
    }

    Cheers!

    #1324624

    carbon14
    Participant

    that messed up my site 🙂 Now all of my H2 headlines are your Grand Hotel added font.
    It´s the blockquote class that I have made in global CSS that I want my new google font to be.

    I have added this code in global (see below) and named the element class: sitat and sitatsidebar
    PS! Caveat font is not working here. It´s that font I want 🙂

    }
    .sitat {
    font-size: 48px;
    font-family: ‘Caveat’, cursive;
    line-height: 1.5em;
    color: #ffffff;
    }
    .sitatsidebar {
    font-size: 28px;
    font-family: ‘Caveat’, cursive;
    line-height: 1.5em;
    color: #005581;
    }

    #1324629

    carbon14
    Participant

    My bad, I figured it out. Thank you. I have changed the font and all is fine

    #1324704

    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.