Custom Font

Hello - relative newbie here... I've been playing with the scoreboard software, which is excellent.

I've followed Jaxel's tutorials to build a simple web page to display scores.... one question.... If I wanted to use a bespoke font (rather than a standard one), how would I do that? I'm not really a web coder, but I do have a logical coding understanding.

I know if it was my own website, In simplistic terms, I'd upload a web version of the relevant font to my web server which my site would then be able to utilise.

But as the web page I am building site on 8wr's web space (I think) then clearly, I can't upload a font to it.

Any suggestions or help as to how I can do this?

Hi,

you can import fonts from Google. Check my example here:


I import the Figtree font (see Page HTML) from Google. Just select a font on fonts.google.com and copy/paste the embed code that Google provides for that particular font. You can also import multiple fonts that way, just select all the fonts you want and copy/paste the embed code to your HTML.
Then you have to include the font in CSS (see Page CSS in my example). The command for that is "font-family: ... ;".

Best.

I advise you to check through the older posts in the "General Support" forum in particular and also the other forums, there is some usefull stuff there to be found..

Stardust1 said:

Hi,

you can import fonts from Google. Check my example here:

Basic graphical scoreboard

Hi all, I would like to share with you my version of a basic scoreboard. It looks like this: It uses a PNG file as background image and includes animations for the player names and scores. I have used the following resources to compile this: a) Jaxel's guides...

8wr.io

I import the Figtree font (see Page HTML) from Google. Just select a font on fonts.google.com and copy/paste the embed code that Google provides for that particular font. You can also import multiple fonts that way, just select all the fonts you want and copy/paste the embed code to your HTML.
Then you have to include the font in CSS (see Page CSS in my example). The command for that is "font-family: ... ;".

Best.

Click to expand...

The font I want to use is not available on Google Fonts unfortunately.

When I've done a simple website previously, I've had to upload the web font of my choice to the page(s) hosting my website.

Obviously I can't do this on a 8wr hosted site.

There are other "providers" that host fonts like Google does, maybe you will find the font you are looking for somewhere else.