Can I reference an external font, e.g. from Adobe Typekit, in the CSS for a webform?

Follow
Matt Clifton

Typekit gives the following instructions and code. Is it possible to use this in webform CSS?

Copy the code below, and paste it into the pages on podio.com where the fonts and settings for your Matt's Podio Test kit will be used. Make sure it goes near the top of the <head> tag.

<script src="//use.typekit.net/dfg6yhd.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

Thanks for your help!

0

Comments

4 comments

Date Votes
  • Andreas Haugstrup Pedersen

    You cannot include script elements inside CSS. You can only use @font-face definitions.

    0
    Comment actions Permalink
  • Matt Clifton

    OK, thanks. Does this mean we can only use fonts that are native to Podio?

    0
    Comment actions Permalink
  • Andreas Haugstrup Pedersen

    No, you can use any font you want. You just can't use a javascript-based solution like typekit. E.g. for google webfonts (note the 'https' in the URL):

    @font-face {
  font-family: "Tangerine";
  font-style: normal;
  font-weight: 400;
  src: local("Tangerine"), url(https://fonts.gstatic.com/s/tangerine/v6/HGfsyCL5WASpHOFnouG-RIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000;
}

body {
  font-family: "Tangerine", serif;
}
    0
    Comment actions Permalink
  • Matt Clifton

    As with my other questions, got it - looks good. Will give it a go - thanks!

    0
    Comment actions Permalink

Please sign in to leave a comment.

Didn't find what you were looking for?

New post
Powered by Zendesk