For example: Brandon.ttf, Brandon.otf, Brandon.eot. If we upload all the types in same folder as like the below screenshot and when we request for ‘eot’ extension, it may download any of the font-type or same. Mostly it will download the first item in the folder. This is not consistent.

So ideally the above CSS should be able to download the font depending upon the extension and the browsers.

Few hacks and ideas:

1.Rename the font file name for each type, upload it in Media library and use it in CSS src attribute. Then the requested url should be able to download the font as we will be having one font in each type.

LinkedIn

View Nehemiah Jeyakumar's professional profile on LinkedIn. LinkedIn is the world's largest business network, helping professionals like Nehemiah Jeyakumar discover inside connections to recommended job candidates, industry experts, and business partners.