Replying to
Comment
Immediately I'm noticing the long chain of "/api/util/ext/image?img="... under the border-image. That's probably not going to cause problems, but it does stand out and it's probably making things load slower... you can just replace that URL with url(https://files.catbox.moe/rxw4fb.png) and it'll work fine
To fix the actual issue, I'd try putting the @font-face query first, and removing the quotes from the URL there.
And make sure there isn't any other CSS code in your custom CSS box that sets the same elements to have different fonts.
It's also possible that the font file you used is corrupted, because for whatever reason I can't open it on my computer.
Reactions
Replies
Add a reply
i honestly just copied & pasted a code from someone within the neospring server—so maybe that's why the fonts aren't exactly inputting correctly？
im not sure what code is compatible with google fonts, but this was what i used in the CSS;
div { border-width:12px !important; border-style:transparent !important; border-image: url("/api/util/ext/image?img=/api/util/ext/image?img=/api/util/ext/image?img=/api/util/ext/image?img=/api/util/ext/image?img=/api/util/ext/image?img=/api/util/ext/image?img=https://files.catbox.moe/rxw4fb.png") 12 fill round !important; } @font-face { font-family: "unkempt"; src: url('https://file.garden/ZYYq69YewxMFnAFy/Sunbright.otf'); }
p, .date, .normal, button, input, textarea, h4 { font-family: "unkempt"; }
@font-face { font-family: "unkempt"; src: url('https://file.garden/ZYYq69YewxMFnAFy/SuperFrog-Yqy1q.ttf'); }
h3, a, .motivational_header { font-family: "unkempt"; }