[Pro] Google Fonts Instructions Don't Work

Re:

and

I’ve gone through everything repeatedly and all I get are the screen fonts. I’ve got screen shots of every step in the process. Has something changed with Freeway? Is there some step or setting that is missing from the instructions? Does this require some sort of Action that someone forgot to mention?

http://ohair.com/fonttest/fonttest.html


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

Note: After corresponding with tech support, the issue is that the “alternate font” field in the Edit Font Set window doesn’t refer to fall-back fonts but with the webfont itself.

One issue so-far unresolved is that of how to call a specific member of a Google webfont font family.

If anyone has any suggestions they would be most welcome.


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

I found the solution to the question about specifying a specific member of a Google web fonts family: Add "font-weight: " followed by the weight number in the font family member

Example: Raleway Bold 700:

‘Raleway’, sans-serif; font-weight: 700


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

Hi Trey,
You can use the font-weight property to define the weight of the font you want to use but it should be defined in the CSS style and not the font set. It looks like you’ve added it to as a fallback to the font set.
Regards,
Tim.

On 23 Jan 2013, at 19:49, Trey Yancy wrote:

I found the solution to the question about specifying a specific member of a Google web fonts family: Add "font-weight: " followed by the weight number in the font family member

Example: Raleway Bold 700:

‘Raleway’, sans-serif; font-weight: 700


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com


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

Sounds great. I don’t see any font-weight option among the CSS attributes of the style definition panel. If this is an extended command, the clues are not apparent.

The webfont font is placed in the alternate font field. The font size attribute works, though.

Suggestion to tech support - please add directions on selecting specific font family members in the webfonts instructions page.


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

Maybe I’m just late to the conversation and you’ve changed something, but
looking at your test link page just gives me broken image links and no font
code in the html. http://ohair.com/fonttest/fonttest.html

Do you have an updated example of your problem somewhere else?


Ernie Simpson


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

http://ohair.com/FontTest/index.html


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

Trey, I’ve had a look at your sample page and it’s a confusing load of
styles. See this link:

https://www.evernote.com/shard/s218/res/37950265-2a85-4764-944a-bf4b22320d14/skitch.png?resizeSmall&width=1327

I’ve circled just one paragraph and you can see it has three different
style applied to it. Try selecting your text and removing your styles (menu
Style > Remove Styling) the reapply the style you want.


Ernie Simpson

On Wed, Jan 23, 2013 at 6:25 PM, Trey Yancy email@hidden wrote:

http://ohair.com/FontTest/index.html


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

The Google font process is pretty straight-forward
http://cssway.thebigerns.com/workbench/google-fonts/


Ernie Simpson

On Wed, Jan 23, 2013 at 11:12 PM, Ernie Simpson email@hiddenwrote:

Trey, I’ve had a look at your sample page and it’s a confusing load of
styles. See this link:

https://www.evernote.com/shard/s218/res/37950265-2a85-4764-944a-bf4b22320d14/skitch.png?resizeSmall&width=1327

I’ve circled just one paragraph and you can see it has three different
style applied to it. Try selecting your text and removing your styles (menu
Style > Remove Styling) the reapply the style you want.


Ernie Simpson

On Wed, Jan 23, 2013 at 6:25 PM, Trey Yancy email@hidden wrote:

http://ohair.com/FontTest/index.html


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

The Evernote example requires a log in to view. The other example, while appreciated, does not address the issue. It shows five weights with roman and italic faces in each of the five - a maximum of ten faces in all. The selections in the example are normal, italic, bold and bold italic. What if semi bold or ultralight were selected as well? How do you specify that?

That is the missing step.

The solution I came up with was to place the weight in the Alternate pane of the font set edit window, which is where the web font family is specified. The solution works but it seems like there should be a better way.

One of the comments was that the proper solution was to set the weight in the CSS styles editor. As the editor only has settings for bold, italic, etc, I assume that the weight should be specified by clicking on the extended button and dropping in a command, but I do not know exactly what to enter. (e.g., give it a name and drop in “font-weight: 500”?)


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

Hi,

Don’t know if this helps but I had a similar question a while ago. I had a font family on Google Web fonts with a range of weights. To reference Tim’s useful reply at the time:

"You’ll need to specify the font weight you want to use in the style. So for example if you want to set an H1 style to Source Sans Pro bold you’d select the H1 style in Edit > Styles, click on the Extended button, click on the New… button and enter; name: font-weight value: 700

This will map the H1 to the bold version of the font. Sadly this won’t show up in Freeway’s design view as it doesn’t know about the font-weight or style for the font set but preview the page and it should appear as expected.

I tried the above and it works a treat.

Hope this helps.

Neil.


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

Thanks, Neil.

That is exactly what I was thinking. The way of specifying a web font via the alternate field does seem a bit strange, as this where you would normally specify fall-back fonts.

I would like to think that the folks at Softpress (a great bunch of people, from what I have seen over the past few years) might well come up with something for version 6 that will be specifically tailored to web fonts.


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

I’d be surprised if they didn’t given the popular use of webfonts now, its seems a bit ‘un-Freeway like’ to use the extended attributes so frequently for something so popular.

Easy when you know how though!

Off topic - my only wish for F6 is an action manager. I get tired of constantly updating my actions and trying to keep them the same version number across both my Macs. Anyway, that’s that off my chest :slight_smile:


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

Sorry about the evernote link, just trying to find quick ways to share
screen captures without always using MY server space.

Late but this works
https://www.evernote.com/shard/s218/sh/70403408-4d0f-4b9e-9a95-cd5a267c908f/a03a30275d7183b67571bc352686e988


Ernie Simpson

On Thu, Jan 24, 2013 at 9:04 AM, Trey Yancy email@hidden wrote:

The Evernote example requires a log in to view. The other example, while
appreciated, does not address the issue. It shows five weights with roman
and italic faces in each of the five - a maximum of ten faces in all. The
selections in the example are normal, italic, bold and bold italic. What if
semi bold or ultralight were selected as well? How do you specify that?


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

On Thu, Jan 24, 2013 at 9:04 AM, Trey Yancy email@hidden wrote:

The solution I came up with was to place the weight in the Alternate pane
of the font set edit window, which is where the web font family is
specified. The solution works but it seems like there should be a better
way.

One of the comments was that the proper solution was to set the weight in
the CSS styles editor. As the editor only has settings for bold, italic,
etc, I assume that the weight should be specified by clicking on the
extended button and dropping in a command, but I do not know exactly what
to enter. (e.g., give it a name and drop in “font-weight: 500”?)

Late again, seems you already have a solid answer. It’s easy enough -
though instead of applying the numerical font-weight to the header tags, I
simply made a paragraph-applied class styles -

http://cssway.thebigerns.com/workbench/google-fonts/titillium.html

Otherwise the process is still exactly as easy as previously described
http://cssway.thebigerns.com/workbench/google-fonts/index.html


Ernie Simpson


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