A selector in CSS is either a tag name, a classname, or an ID
attribute (drastic oversimplification, it’s quite a lot more than this
but for your purposes, this is an adequate definition). In Freeway,
the selectors are listed in the Styles palette when you click on the
left-most (Ay) tab.
Freeway doesn’t assign IDs to individual paragraphs, so you will
probably want to use a classname. To create one, you simply open the
Edit Styles dialog, click on New Style, and type whatever name you
like into the Name field. This name should be whatever they tell you
to enter as a classname in the Web font kit. If you want the style to
apply as a paragraph style (and you usually would) you would add a
Paragraph attribute to the style, like Space Before (padding-top), or
Leading (line-height) using the Paragraph Style attributes picker in
the edit dialog.
You don’t need to actually edit much in your style, just create it.
You’re using it as a marker within your layout so the JavaScript will
run and do the replacement thing in browsers that support this
feature. If you want to create some additional style attributes, that
should be fine. It’s my understanding that the style attributes will
be over-ridden by the Web font code, although size and other metrics
will probably carry through. But say you’re making a headline font
style, you could use Helvetica 36px as a placeholder in your design
(assuming that’s a similar size metrics-wise to your Web font) and
then when you view it in a browser, you will see the substituted font.
Anyone who doesn’t have a serious browser will see this Helvetica
instead.
Now in your design view, select each run of text that you want to
become styled with the Web font, apply the style by clicking on its
name in the list, and then preview in a browser. Note that some of
these kits only work when you preview from the actual server and
domain that you registered the font with, so if you don’t see your
font, that’s a good first step in troubleshooting.
Walter
On May 15, 2011, at 1:17 PM, Halcro wrote:
Has anyone successfully implemented web fonts using the fonts.com
web fonts service?
How does one implement this in Freeway?
On their website, they ask you to assign fonts to “selectors” (which
I’ve done), then put some javascript code at the top of each page in
freeway (which I’ve done).
But, how do you create a selector in Freeway that references a font
that doesn’t exist? (as it is on their server, not my computer?)
All help much appreciated.
H
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options