Custom Fonts

[Velyks]

Is there any way to get custom fonts into 8wr.io to use in the CSS?

 

[Jaxel]

Sure. You can do it right in your HTML... For instance, if you wanted to use Google's Roboto Font:

Roboto - Google Fonts

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While

fonts.google.com

You would simply need to add the link relationship in your HTML:

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

Then you can use the font-family in your CSS:

.myclass
{
    font-family: 'Roboto';
}

 

[Velyks]

That's great if your fonts are hosted at Google, but trying to do this or @font-face for personally hosted fonts comes up with "access-control-allow-origin" errors.

I am however not much of a web dev, so I might be missing something here.

Edit: I'm the dumb. Access-control-allow-origin is a header I need to set on my end. Working now.

 

[Jaxel]

access-control-allow-origin is related to cross site scripting. It's how you protect YOUR files from being accessed from other servers.