Is there a way to use outside fonts in post templates?

[NickelNine]

What I'm wanting to do or trying to do is call an outside font -- self hosted or one of the google web fonts -- to be used in a post template instead of whatever is set up as the board default or the choices in the post field. I know it's possible on other board formats, so I was wondering if there was some div or some other tag that will let me place the url to my font css and then call on that css later on to have certain elements of text to show up with that font.

[Kami]

May 9, 2021 15:14:04 GMT -8 NickelNine said:

What I'm wanting to do or trying to do is call an outside font -- self hosted or one of the google web fonts -- to be used in a post template instead of whatever is set up as the board default or the choices in the post field. I know it's possible on other board formats, so I was wondering if there was some div or some other tag that will let me place the url to my font css and then call on that css later on to have certain elements of text to show up with that font.

You can use this with Google Font (or any other hosted font) BUT you would need to add it to your css, as opposed to the post. Both the standard link format and @ import syntax works, and you'd just have to manually set the font via BB Code in your post.

[NickelNine]

May 10, 2021 3:45:52 GMT -8 Kami said:

May 9, 2021 15:14:04 GMT -8 NickelNine said:

What I'm wanting to do or trying to do is call an outside font -- self hosted or one of the google web fonts -- to be used in a post template instead of whatever is set up as the board default or the choices in the post field. I know it's possible on other board formats, so I was wondering if there was some div or some other tag that will let me place the url to my font css and then call on that css later on to have certain elements of text to show up with that font.

You can use this with Google Font (or any other hosted font) BUT you would need to add it to your css, as opposed to the post. Both the standard link format and @ import syntax works, and you'd just have to manually set the font via BB Code in your post.

The board CSS?

I'm not an owner or an admin of a board, so inserting it into the board CSS would be a no go.

[Retread]

May 10, 2021 6:06:07 GMT -8 NickelNine said:

May 10, 2021 3:45:52 GMT -8 Kami said:

You can use this with Google Font (or any other hosted font) BUT you would need to add it to your css, as opposed to the post. Both the standard link format and @ import syntax works, and you'd just have to manually set the font via BB Code in your post.

The board CSS?

I'm not an owner or an admin of a board, so inserting it into the board CSS would be a no go.

Hi NickelNine

Not actually the forum's style sheet but it would require HTML added to the Forum Wrapper or the Global Header. In it's most basic and barbaric form, it would look like this:

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Courgette"/>

That would make the Google font 'Courgette' available for use anywhere on the forum.

Then a post might be made with inline-styling applied, for instance:
[div style="font-family:Courgette;"]This post is using the Courgette font.[/div]


But since you don't have administrative privileges on the forum in question, you wouldn't be able to make changes to the forum's html. So you're probably out of luck.

However ...

If the forum happens to have the Style Tag plugin installed, You could begin your post with something like this:

[googlefont="Courgette"]

Then that font would be available for use in that post.

If you provide a link to the forum in question and it's open for public viewing, I should be able to tell you if they have the Style Tag plugin installed.

[Kami]

A point of correction, Retread -- you 100% can have this in the theme stylesheet, in the @ import method i mentioned. 

[NickelNine]

May 10, 2021 8:07:31 GMT -8 Retread said:

May 10, 2021 6:06:07 GMT -8 NickelNine said:

The board CSS?

I'm not an owner or an admin of a board, so inserting it into the board CSS would be a no go.

Hi NickelNine

Not actually the forum's style sheet but it would require HTML added to the Forum Wrapper or the Global Header. In it's most basic and barbaric form, it would look like this:

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Courgette"/>

That would make the Google font 'Courgette' available for use anywhere on the forum.

Then a post might be made with inline-styling applied, for instance:
[div style="font-family:Courgette;"]This post is using the Courgette font.[/div]


But since you don't have administrative privileges on the forum in question, you wouldn't be able to make changes to the forum's html. So you're probably out of luck.

However ...

If the forum happens to have the Style Tag plugin installed, You could begin your post with something like this:

[googlefont="Courgette"]

Then that font would be available for use in that post.

If you provide a link to the forum in question and it's open for public viewing, I should be able to tell you if they have the Style Tag plugin installed.

The board is pretty much bone stock without any of the more obvious plugins, so I doubt they're using the Style Tag plugin.

And with my goal mainly centered around using fonts I've hosted myself, then like you've both covered in the thread, I'm going to need access I don't have regardless.

Thanks for the assistance though!

[Chris]

An alternative might be if you are using Google hosted fonts to try embedding Google docs into your posts without having to social engineer the forum staff for your spamming needs.

Jul 10, 2018 11:48:32 GMT -8 Matej said:

Embedding Google Drive™

When using the v5 WYSIWYG, check under the Social Embeds button. You will find a new icon that should look familiar to many of you. 

Starting right now, you can embed any document, spreadsheet, form or presentation hosted on the Google Drive service. These embeds can be static or even interactable, if the publisher of the document allows that. Follow the instructions in the embed window and you too can embed your documents, spreadsheets, presentations, and forms.

Dec 27, 2019 11:38:00 GMT -8:

How to add a font to Google Docs in 2 different ways

Devon Delfino 

Dec 27, 2019, 1:38 PM

[NickelNine]

May 10, 2021 17:54:42 GMT -8 Chris said:

An alternative might be if you are using Google hosted fonts to try embedding Google docs into your posts without having to social engineer the forum staff for your spamming needs.

Jul 10, 2018 11:48:32 GMT -8 Matej said:

Embedding Google Drive™

When using the v5 WYSIWYG, check under the Social Embeds button. You will find a new icon that should look familiar to many of you. 

Starting right now, you can embed any document, spreadsheet, form or presentation hosted on the Google Drive service. These embeds can be static or even interactable, if the publisher of the document allows that. Follow the instructions in the embed window and you too can embed your documents, spreadsheets, presentations, and forms.

Dec 27, 2019 11:38:00 GMT -8:

How to add a font to Google Docs in 2 different ways

Devon Delfino 

Dec 27, 2019, 1:38 PM

Usage of Google Fonts would essentially be an extreme fallback, quinary option for using fonts rather than a primary or secondary use, the main goal would be to use my own fonts.

If I could get a hold of staff and get them to install the Style Tags plugin, would me using the div style tag and inserting the css into the closed style tag, font urls and all, and then using the font tag later on in the template allow me to call the font?

Basically

[div style="font css"][font face="name of font"]Message in font[/font][/div]

Would something that convoluted work?

[Chris]

If you are not going to use a readymade font server such as Google Fonts then you'll need to convert and upload your font to your own server (note: your server would need to be configured to serve fonts). After properly uploading then you will have an actual url to use when linking the font to a forum. The main idea here is having the font online somewhere so anybody that visits the forum can grab the font so it displays as intended in their browser [read more...]

[NickelNine]

May 13, 2021 22:49:15 GMT -8 Chris said:

If you are not going to use a readymade font server such as Google Fonts then you'll need to convert and upload your font to your own server (note: your server would need to be configured to serve fonts). After properly uploading then you will have an actual url to use when linking the font to a forum. The main idea here is having the font online somewhere so anybody that visits the forum can grab the font so it displays as intended in their browser [read more...]

My fonts are converted and uploaded since I use some of them across multiple sites.

[Chris]

In that case you can get the forum staff to install the font for you then you'll be able to use it in a post.

The style plugin also has an option to import Google Fonts without staff having to do anything but I'm not familiar enough with that plugin to say whether it would be able to import from a domain other than Google, but it can't hurt to try

[NickelNine]

May 13, 2021 23:31:10 GMT -8 Chris said:

In that case you can get the forum staff to install the font for you then you'll be able to use it in a post.

The style plugin also has an option to import Google Fonts without staff having to do anything but I'm not familiar enough with that plugin to say whether it would be able to import from a domain other than Google, but it can't hurt to try

Thanks for the additional clarification.

I guess I have to make an attempt to get them to go beyond the basics, though no doubt I'll become a nuisance down the line as I attempt to use more fonts.

Users being able to link to their own hosted fonts in their post templates rather than having to rely on the board admins would be a nice feature to have though, even if it came in the form of a plugin.

[ffs]

A latecomer to this discussion, but wouldn't it be easier for you,NickelNine, to start your own forum where you can install the fonts you want?

[NickelNine]

Jul 22, 2021 11:09:31 GMT -8 ffs said:

A latecomer to this discussion, but wouldn't it be easier for you,NickelNine , to start your own forum where you can install the fonts you want?

I have four already on other software. But making another wouldn't benefit my interactions on this specific community nor would I attempt to inconvenience all of them by attempting to convince them to move to another forum just so I can use outside fonts.

[ffs]

OK, fair enough.