How to add custom Google Fonts?

  • Profile Image
    jdadmin
    Asked on July 03, 2013 at 06:56 AM

    Here is the font i would like to add to my form.

    http://www.google.com/fonts#UsePlace:use/Collection:Spinnaker

    I don't know anything about HTML or CSS and would be great if there was a code i just copy and paste.

    Thanks

  • Profile Image
    jefreylandicho
    Answered on July 03, 2013 at 09:40 AM

    You can use Google fonts by injecting a Custom CSS in your form styles. To inject a custom css in your form, go to Setup & Embed -> Preferences -> Form Styles then add the css code below in the Custom CSS field to have the Google Fonts work.

    @font-face { font-family: 'Spinnaker'; font-style: normal; font-weight: 400; src: local('Spinnaker'), local('Spinnaker-Regular'), url(http://themes.googleusercontent.com/static/fonts/spinnaker/v5/WxzDAY6mC9v3znSJEtCoWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } .form-all { font-family: 'Spinnaker'; }


    For a much detailed instruction on how to customize your form font style with Google Fonts, click here.

    If you need further assistance, please contact us again.