[Pro] WebYep + Googlefonts + Styles

Hello everybody,
I’m working on a site that should be fully editable from client side with web yep and the richtext editor TinyMCE. I want to use my clients CI font Open Sans from googlefonts.

Now what do I have to do that my in freeway predefined styles (e.g. headline, copy etc.) are online modifiable in the WY rich text fields? For example that a passage of the style “copy” could be changed to bold, italic or bold italic by pressing the editors buttons “B” and “I” in a font from the family (Open Sans Bold, Open Sans Italic, Open Sans Bold Italic). Or to change the color of the style “headline”?

Which Font Sets must be made and HTML Markups be set …
Generally which steps do I have to take to get it running?

I’d be very grateful if someone could help me out – thanks in advance and best regards

Ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Typically this requires modifying the RTE and depending on which editor you’re using with WebYep (TinyMCE, Redactor, CKEditor etc.) the process may vary in complexity and/or difficulty. For example, TinyMCE 4.x.x makes this fairly easy but it requires writing basic javascript. Whether WebYep injects its own set of hurdles into the mix I can’t say.

F.Y.I. - A small community was setup recently specifically for working with Freeway and any CMS, including WebYep. You might find some specialized help over there. If interested contact me off-list and I’ll send you an invitation to the Team.

Todd
Office (Chicago): 312.212.3955
Community: https://creativ.space

For example that a passage of the style “copy” could be changed to bold, italic or bold italic by pressing the editors buttons “B” and “I” in a font from the family (Open Sans Bold, Open Sans Italic, Open Sans Bold Italic).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi Todd,

thanks for your response! I use WebYep with TinyMCE and of course I’m interested (sorry, don’t know how to contact “off-list”) in solving that problem.

One thing ahead: I can’t write a line of script :-(that’s why i use freeway :wink:

Best regards
ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

The first thing you need to do is acquaint yourself with the very good documentation on the TinyMCE website. There are well-documented examples for dealing with nearly every conceivable configuration, often it’s just a matter of copying the correct syntax.

What version of Tiny are you using, v3 or v4? Version 3 is shit, version 4 is far superior in every way.

Todd
Office (Chicago): 312.212.3955
Community: https://creativ.space

One thing ahead: I can’t write a line of script.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hello Todd,

I’m using the latest version (work on a new webpage so I downloaded it a few days ago). I’ve had a look at the docs on this site but till now I can’t find the proper article … will search again …

thx and best regards

ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

By the way, your invitation was sent.

Todd
Office (Chicago): 312.212.3955
Community: https://creativ.space


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

got it! thx a lot


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi purity
the actual fontface should be set within the freeway file so you shouldn’t have to specify a font to be used within the richtext editor

for example apply the google font-face on the body tag, then it should cascade down the document and be used within the richtext editor

does that help?

speak soon max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

hi max,

so good to hear. I desperately sought in the tinyMCE tuts etc and found … nothing that fit my request (or that I can apply).
Until now I copied the google CSS link in the HTML Markups, before . As you wrote “body”, does this link belong in another area?

thank you

ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Is it possible that the coexistence with other actions causes this trouble?

Next to the WY action suite I used the page actions anti spam, favicon and auto clear fix (disabled). The menu was made with the CSS menu action and on the content I only used CSS3 Corners and the Form Element CSS action. Not that much actions I think …


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Sorry, my post before belongs to another thread …


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi Max,

got it. The body tag was set with the font set “OpenSansRegular” (font weight 400) – without any size, color etc. values, only the font family, correct? Is it necessary to ad other tags for using different weights, styles or sizes on the page in the RTE (e.g. the headline is in OpenSansBold (700) and has changing colors)?

Thx in advance

Ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi Ray,

once created the following screencast:

http://www.kimmich-digitalmedia.com/videos/015_the-coding-episodes-part8-google-webfonts

Am pretty sure that font-weight is mentioned as well. There are even some other helpful resources mentioned there as well. Hope this does help.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi Thomas, great!!! It helps me so much!
Thank you (Dankeschön)

Greets
Ray


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options