Custom Fonts for Usernames, Buttons, Other Short Phrases

I'm thinking to replace many of the buttons like "Reply" or "Thank You" with custom, modern, space age'e looking fonts.

When I was game-engine programming in Unity last year, I used fonts like "Terminator" and "Neuropol" and "Space Age" and "Jupiter".

At the moment, I cannot get "Neuropol" to load using CSS, but maybe it's simply "too far out" for browsers, LOL

@font-face{
  font-family: "Neuropol";
  url:('https://www.unix.com/clientscript/fonts/Neuropol.ttf') format('truetype');
}
@font-face{
  font-family: "Jupiter";
  url:('https://www.unix.com/clientscript/fonts/Jupiter.ttf') format('truetype');
}
@font-face{
  font-family: "Space_Age";
  url:('https://www.unix.com/clientscript/fonts/Space_Age.ttf') format('truetype');
}

@font-face{
  font-family: "Terminator";
  url:('https://www.unix.com/clientscript/fonts/Terminator.ttf') format('truetype');
}

See attached:

I'm not a big fan of fonts like Terminator and Space Age where many of the upper-case letters and their corresponding lower-case letters are identical for use in places where we expect to see mixed-case text. I'm also not a big fan of fonts like Terminator where the digit 0 and the letter O or o (or, in the case of Terminator, all three) are identical. At first glance, Jupiter looks nice.

1 Like

Yeah those fonts look cool in a game engine, but maybe not so great on the web.

The problem is that I cannot get them to load using CSS and cannot test them in the browser yet.

I have about 30 more fonts to try, but I cannot get even one to load and work, even though the instructions are pretty simple:

  1. Add @font-face declarations to CSS
  2. Add font-family CSS to HTML

It's really easy, in theory, but they will not load on any of my browsers.