Adding Google Raleway font to web form

  • ArtesaniaSV
    Asked on July 28, 2016 at 12:17 PM

    Hello again,

     

    One more question: I have followed the steps to applying a google font to my form, but unfortunately it is not working.

     

    I have injected the following css:

    @import url(https://fonts.googleapis.com/css?family=Raleway);

    .form-all {

        font-family : 'Raleway', sans-serif;

    }

     

    Please advise!

    Thanks!

  • Mike
    Replied on July 28, 2016 at 2:27 PM

    It seems that you need to select .form-label, you can also add .form-textarea and input. 

    Please try the next CSS:

    @import url(https://fonts.googleapis.com/css?family=Raleway);
    .form-all, .form-label, .form-textarea, input {

    font-family : 'Raleway', sans-serif;
    }

    If you need any further assistance, please let us know.

  • ArtesaniaSV
    Replied on July 28, 2016 at 5:19 PM

    Thank you so much, this was a great help!

    Just one thing...the the input for the textbox is indeed Raleway, however for the regular fields, such as Name, the google font is not applying. What am I missing?

     

    Thanks!

  • Mike
    Replied on July 28, 2016 at 6:38 PM

    You are welcome.

    Input should be without a dot, or alternatively the style can be applied to the .form-textbox.

    Adding Google Raleway font to web form Image 1 Screenshot 20

    Thank you.

  • ArtesaniaSV
    Replied on July 28, 2016 at 8:25 PM

    Great help! Thanks SO much!