Adding fonts from .oft

As per Nikko’s suggestion

I am wanting to explore using another font that is not include din enfold. I would like to see how it looks site wide but might just need to for say HI and h2. I have got as far as converting the .oft and have uploaded the files and added this css:

@font-face {
font-family: ‘DIN30640StdNeuzeitGroteskLight’;
src: url(‘fonts/DIN30640StdNeuzeitGroteskLight.eot’);
src: url(‘fonts/DIN30640StdNeuzeitGroteskLight.eot’) format(’embedded-opentype’),
url(‘fonts/DIN30640StdNeuzeitGroteskLight.woff2’) format(‘woff2’),
url(‘fonts/DIN30640StdNeuzeitGroteskLight.woff’) format(‘woff’),
url(‘fonts/DIN30640StdNeuzeitGroteskLight.ttf’) format(‘truetype’),
url(‘fonts/DIN30640StdNeuzeitGroteskLight.svg#DIN30640StdNeuzeitGroteskLight’) format(‘svg’);
}

However, Im not sure how to add the url bits.

The files are here; wp-content/uploads/fonts/DIN 30640 Std Neuzeit Grotesk Light.otf

Thanks