Question

I received multiple TTF font files. Need to convert into 1 file which I can use in CSS.

How can I do this?

Thanks

Answer 1

You can’t do it, each font needs it’s own separate file. You can use a service to convert a ttf to eot, and svg files and then use some code like this in your style.css (assuming that’s the name of your stylesheet) file:

@font-face {
    font-family: 'FuturaM';
    src: url('fonts/FuturaMedium.eot');
    src: url('fonts/FuturaMedium.eot?#iefix') format('embedded-opentype'),
         url('fonts/FuturaMedium.ttf') format('truetype'),
         url('fonts/FuturaMedium.svg#FuturaMedium') format('svg');
}

Hope this helps!