[Pro] Using Typekit font in Freeway Pro

I’m not so familiar with nested font in Freeway Pro. Can someone help when I’m using Typekit font. I have already chosen font from Typekit. I have also placed the JavaScript code in to “Before”. I have placed the code on Master pages, is this ok? And whats next, how I manage the Typekit font in Freeway styles?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have used Typkit before - unless they’ve changed things radically, it was
fairly easy once you got used to it.

Preliminary stuff

I remember there are several things you must do on the Typekit end first.
Choose your fonts of course, but you must also create a new “kit” for the
particular website you are making. In the menu next to your name, is where
you can make a new kit. Name the kit rationally (I named mine by client or
project). You also will have to tell Adobe the domain where you plan to use
their fonts, Since I have a development server, I gave them my domain and
the domain of my client or project. I think this is important for the whole
thing to work, but you can go back later and make changes if you need to, I
was just always able to plan this part ahead.

Once you have your kit set up and chosen your fonts, add them to your kit
then launch the Kit Editor (again from the Typekit menu bar). Select the
font you want to focus on, and in the left pane choose the optional weights
and styles, language support, etc. At the top of that left pane, there is a
spot to choose which styles or tags that font should affect. That’s right -
it’s in Typekit and not Freeway that you apply your font. This will unnerve
some folk but it’s not as hard as all that. Let me show you.

If your font applies to headings, then enter heading tags, one at a time.
You know those, right? h1, h2, h3, h4, h5? Sure, of course, so enter them
in one at a time and click the add button. Typekit will already have a
class style as part of the list, but don’t worry about it. Now all I ever
used Typekit for was headings, preferring everything else in basic serif or
sans-serif like Helvetica or Times. If you had a second font chosen for
that, select it like you did with the first and this time you want it to
use the p tag. Maybe add the ul and ol tags too.

Then to set it all in motion, click the Publish button at the lower right.
After that, go to the upper right and click for the embed code. Copy it
from the popup window… that’s all you need for now.

What to do in Freeway Pro

Okay, you are done for now with Typekit. Now go back to your Freeway Pro
file and paste the embed code in the markup Before /head of your Master
page. This way it appears on every page.

Now, open the FWP Style Editor (menu Edit > Styles) and take a look at the
tags which correspond to the ones we set in Typekit (h1,h2,h3,h4,h5, p, ul,
ol) and make sure they have no Font definition. In other words, anything we
defined a font for in Typekit SHOULD NOT have a font definition in Freeway
Pro.

Now look at your Freeway Pro document. Nothing’s changed, right? And
nothing will… UNTIL you upload the output files to a server at one of the
domains you specified in your Typekit Kit.

Final thoughts

Keep your Freeway Pro styles simple - don’t let Freeway do too much
thinking for you or else you’ll find it overcomplicating things. But for
the most part, everything should work fine now.

An alternate way to use webfonts that is easier and more immediate are the
Google webfonts for which I did a brief tutorial -
http://cssway.thebigerns.com/workbench/google-fonts/

Best of luck

Ernie Simpson, aka The Big Erns

On Fri, Mar 21, 2014 at 9:40 AM, Peka email@hidden wrote:

I’m not so familiar with nested font in Freeway Pro. Can someone help when
I’m using Typekit font. I have already chosen font from Typekit. I have
also placed the JavaScript code in to “Before”. I have placed the
code on Master pages, is this ok? And whats next, how I manage the Typekit
font in Freeway styles?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Big Ernst.

Believe or not; I have never used heading tags (h1, h2…). In Freeway Pro I have always used Freeway Styles. I have liked the way I can choose exact font and size, just like in InDesign! Ok, text have almost always been graphic text, and this is not the way text should work these days on web pages!

At the top of the left pane in Typekit Editor (Selectors) you said I must choose which styles or tags. Can you please explain this with detail and in case of I use the Styles in FWP.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options