Adding Google Fonts to a Forum questions

[Lady Squid]

Lynx Thanks - I didn't realize that the stuff in the Global Header could go anywhere within it. During my pre-V5 editing, I always asked because we had to edit the headers all the time, before plugins. Maybe I didn't have to worry!

Do you happen to know if the code xx1 posted will cause the newly added Google Fonts to appear in the Quick Reply Font Dropdown? (Since I have it working with the plugin & template mod in the Reply Font dropdown, I hate to change it if it won't accomplish that).

Thanks again to both of you & to Scott helping yesterday!

[Lynx]

Apr 24, 2016 6:34:55 GMT -8 Lady Squid said:

Lynx Thanks - I didn't realize that the stuff in the Global Header could go anywhere within it. During my pre-V5 editing, I always asked because we had to edit the headers all the time, before plugins. Maybe I didn't have to worry!

Do you happen to know if the code xx1 posted will cause the newly added Google Fonts to appear in the Quick Reply Font Dropdown? (Since I have it working with the plugin & template mod in the Reply Font dropdown, I hate to change it if it won't accomplish that).

Thanks again to both of you & to Scott helping yesterday!

Looking at the code it should. The first line in this snippet of it says it's for the Quick Reply box, so it should get added there too:

<!-- Quick Reply Box -->
<style type="text/css">
.button-fontName .select_menu_list{
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
}
.quick-reply .button-fontName .select_menu_list { max-height: 300px; }


[Lady Squid]

Lynx That's what I thought too! I'm eager to try it - will report back here as to my results. Thanks again!

[Lynx]

Glad I could be of help, Lady Squid.

[xx1]

Thanks for answering the question for me, MSG.

[Violette]

Apr 24, 2016 6:39:30 GMT -8 Lynx said:

Looking at the code it should. The first line in this snippet of it says it's for the Quick Reply box, so it should get added there too:


<!-- Quick Reply Box -->
<style type="text/css">
.button-fontName .select_menu_list{
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
}
.quick-reply .button-fontName .select_menu_list { max-height: 300px; }


The above code is missing the closing style tag - add this </style> at the end of the code

[Lady Squid]

Apr 24, 2016 8:27:30 GMT -8 Violette said:

Apr 24, 2016 6:39:30 GMT -8 Lynx said:

Looking at the code it should. The first line in this snippet of it says it's for the Quick Reply box, so it should get added there too:


<!-- Quick Reply Box -->
<style type="text/css">
.button-fontName .select_menu_list{
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
}
.quick-reply .button-fontName .select_menu_list { max-height: 300px; }


The above code is missing the closing style tag - add this </style> at the end of the code

THanks - the style tag does show in the original code posting - I think Lynx was just trying to show me the "Quick Reply" box included in said code, so only posted a snippet.

[Lynx]

Yes, I had only pasted a snippet of the whole code, Violette. You can see the whole code that xx1 had posted on page 1 of this thread. And thank you, Lady Squid, for answering. I should have been clearer in my post, so I appreciate you posting that clarification.

[Chris]

The code is designed to go either in your posting template (so only runs on the posting page) OR in your global header (runs everywhere and on every theme). If you want it to work with quick reply then it needs to be in the global header. The code was also updated to recognize and use fonts added by the webfont plugin so either method of installing fonts to your forum is acceptable.

[Lady Squid]

Apr 24, 2016 14:58:46 GMT -8 Chris said:

The code is designed to go either in your posting template (so only runs on the posting page) OR in your global header (runs everywhere and on every theme). If you want it to work with quick reply then it needs to be in the global header. The code was also updated to recognize and use fonts added by the webfont plugin so either method of installing fonts to your forum is acceptable.

Chris

I disabled the Google Fonts plugin and removed the code from the posting template, leaving it in the global header. Unfortunately, none of the google fonts appeared in either Font Picker so I've put it all back again.

I'll look for your response, & if I still can't get it to work, will try the alternate code that xx1 posted. Sorry again if I'm missing something obvious! I think that a lot of people on our board like the Quick Reply function so I really want to get the new fonts on the Picker there.

thank you,
squid

[Chris]

The code xx1 posted is the same one you'd find in the first post of the thread. I cannot see your forum  and if I could I really couldn't do much investigation on this tablet but if you're using the much older code found later in that thread you should know that code was meant for a much older version of the BBcode Buttons plugin that is no longer in use. The code in the first post is the only code.

The "prerequisite" basically says you should have the font already installed to your forum before the code can do anything with them (see:How to install Google Webfonts). If you disable the webfont plugin and that was the method you were using to install fonts to your forum then you would need to reenable it so the code would have installed fonts to work with.

[Lady Squid]

Hi Chris - I think the light is beginning to dawn for me (hopefully!)

First of all, I'm only using the "new" code on the first page of this thread:

support.proboards.com/thread/459420/

Now I see, in purple text, your comment:

Apr 20, 2013 0:33:31 GMT -8 Chris said:

The code can instead be placed in your global header to affect all themes and plugins. Use it as a template mod only if you wish to reduce its footprint by having it only run on the WYSIWYG (posting) page or only on certain themes.

which I guess I hadn't noticed before!

My questions:

1. Does the text you posted under TEMPLATE MODIFICATION need to go in the Global Header INSTEAD of being in the Posting page, in order for the fonts to be visible in the Quick Reply Font Picker?

2. Does it matter where in the Global Header (I would say not, based on an earlier conversation in this thread)?

3. Does the code in green text on that first post of your thread ALSO have to go in the Global Header as well?

4. If I have the Google Fonts plugin enabled (which I do now) is this all I have to do in order for the fonts to be visible in the Quick Reply Font Picker?

Thank you for your patience! squid

[Ulises]

Apr 28, 2016 5:58:37 GMT -8 Lady Squid said:

1. Does the text you posted under TEMPLATE MODIFICATION need to go in the Global Header INSTEAD of being in the Posting page, in order for the fonts to be visible in the Quick Reply Font Picker?

2. Does it matter where in the Global Header (I would say not, based on an earlier conversation in this thread)?

3. Does the code in green text on that first post of your thread ALSO have to go in the Global Header as well?

4. If I have the Google Fonts plugin enabled (which I do now) is this all I have to do in order for the fonts to be visible in the Quick Reply Font Picker?

Thank you for your patience! squid

1. The green code in that first page can go in either the Posting Page Template or the Global Header. Disregard the text/code you see in the screenshot. The fonts show up either way.

2. You're right it wouldn't matter so long as it's in there.

3. The code you see in the screenshot is outdated. The green code is the only one that matters. That code could go in either the Posting Page Template or the Global Header.

4. That plugin seems to add a second instance of whatever font you choose. You would simply need the code from Chris -- you can disable the plugin or remove it entirely.

[Lady Squid]

Ulises Thank you (LOVE your mini-profile by the way). WHen I have a chance to try this again I'll post back, hopefully it can help someone else.

[Lady Squid]

Ulises I'm all set now, it's working just fine! I was making things more complicated than I needed to (story of my life).

Thank you to each person who helped me here.