Forums » Help » I need a Font nerd...

Ticketyboo everyone!

I've spent most of the day working on my characters sites, I'm not into the whole CSS programming thing, so I'm having a bit fun editing with HTML. It's all new to me, so I really don't know if I'm totally of track.

My computer is all new and I'm using Microsoft Edge(Don't know if that's the prob.).
I've tried to google how to use and activate HTML fonts but I really can't seam to get it. The only font that works for me at the time is 'Mistral' and I think it's because I used it with one of the templates i borrowed from the site. (http://www.rprepository.com/site.php?char=67606&page=147178)

So, am I totally wrong or have I misunderstood something? I've tried to download fonts and so on, and nothing works. So I hope there is a friendly soul who can guide me through this.

Thank you in advance!

Fonts on the internet are extremely tricky. Typically, a computer can only display the fonts that are installed on it. The catch for web designers is that they can never rely on their site visitors to all have the same fonts installed on their computers. In fact, the fonts that are installed by default is different by operating system, by OS version, and by year.

The work around for this is loading fonts directly in a browser, through the use of something like Google Fonts. If you are an epic member writing your own CSS template, the RPR allows you to include up to 3 Google Fonts simply by choosing them from the template creation dropdowns.

Once you've selected which fonts you want to load with your template, you have to define which elements will use which fonts. So, if you want one font to be the base font that most of your text uses, you could do...

body {font-family: Google Font Name, arial, sans-serif;}

And if you want the main titles to use another font, try

h1, h2 {font-family: Google Font Name 2, times new roman, serif;}

And the lesser titles to use yet another, you'd do something like this..

h3,h4,h5,h6 {font-family: Google Font Name 3, times new roman, serif;}

Oh hey! My site 😄

So for clarification ( bc I'm a lil lost ) you're using a template from my site which is all BBcode -- is the issue that the fonts are not showing up on your browser when you use them?

Thank you so much for your answer Kim, it made me alot wiser! I see now that I have so much more to lean, this stuff is so complicated xD

And hey Fiebs, English is not my native language so I understand if you dont get a thing of what I am writing. Ha Ha, but the fonts from your template works fine and shows perfectly on my browser. The problem is I wanted to add a different font I found online, to another of my characters where I have not used your template, but it wasn't showing at all. The only font I could get to show was the one from your template.