Will this font be visible to everyone? - css

Question

I am trying to use a custom font called BebasNeue Regular, I am planning to put my website online so it shouldn't only be visible on my local pc. I used the following CSS to import the font:
#font-face {
font-family:BebasNeue Regular;
src:url("BebasNeue Regular.ttf");
}
.text h1 {
margin:auto;
text-align:center;
font-size:15vw;
text-transform:uppercase;
font-family:BebasNeue Regular;
}
Will this font be visible to other people?

Answer 1

#Tommy O is correct about the "fallback" system. If you you only have the ttf version, you should use Online Font Converter to create the font-files with the desired formats. The final product will also give you a sample css file that shows you how to apply them properly. In your case, it would look like this:
#font-face {
font-family:'BebasNeue Regular';
src: url('BebasNeue Regular.eot');
src: url('BebasNeue Regular.woff') format('woff'),
url('BebasNeue Regular.ttf') format('truetype'),
url('BebasNeue Regular.eot?#iefix') format('embedded-opentype');
}

Answer 2

1.) For font names that have a space in them, use quotes:
#font-face {
font-family:"BebasNeue Regular";
src:url("BebasNeue Regular.ttf");
}
.text h1 {
margin:auto;
text-align:center;
font-size:15vw;
text-transform:uppercase;
font-family:"BebasNeue Regular";
}
But I actually doubt that the ttf file of the font has a space in its name (as you wrote it above), so you better check that, and if it does, replace the space (in the filename) with an underscroe, like BebasNeue_Regular.ttf.
2.) This code will only work if the font file is in the same directory (on the server) as your html or php file (i.e. the webpage itself).