I have a .ttf file under public/vendor/fonts/Roboto-Regular.ttf and I call it as:

@font-face { font-family: 'Roboto'; src: url('%PUBLIC_URL%/vendor/fonts/Roboto-Regular.ttf'); } 

The built file does not does not have the replaced string and thus, the font doesn't load. Is there something that I'm missing?