Custom Font Issue Displaying Correctly?

Do all they need to be URLs?

@font-face {
font-family: "ruben___.ttf";
url(http://216.92.135.72/css/fonts/ruben___.ttf);
url("css/fonts/ruben___.ttf") format("woff"),
url("css/fonts/ruben___.ttf") format("opentype"),
url("css/fonts/ruben___.ttf#filename") format("svg");
}

They do, but only if you are actually loading those fonts. The above @fontface is serving the same ttf file for each of the formats.

For better compatibility the woff format is the most widely supported. This site can help with this:

https://www.fontsquirrel.com/tools/webfont-generator

The simple URL fixed it.

Thanks for the help guys!

JJ Smith

You're welcome